使用 JQuery 将输入值添加到选项值?

罗布特

我已经搜索了很长一段时间,但似乎无法找到全面的答案。我有下面的 HTML 代码,并想将输入的值添加input name="ytcustom"option value="https://url.com/custom/"

什么是实现这一目标的可靠方法?

<select id="youtube_dropdown">
<option value="https://url.com/mix/">Mix</option>
<option value="https://url.com/custom/">Custom</option>
</select>
<input name="ytcustom" id="ytcustom" type="text" class="ythide">
维达斯

这是我的答案的最终版本:使用onkeyup事件并使用#youtube_dropdown > option:last来选择一个选项元素(尽管我会尽可能使用 ID 选择器):

$(function() {
  $("#ytcustom").on("input", function() {
    var customUrl = 'https://url.com/custom/' + $(this).val();
    $("#youtube_dropdown > option:last").val(customUrl);
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<select id="youtube_dropdown">
<option value="https://url.com/mix/">Mix</option>
<option value="https://url.com/custom/">Custom</option>
</select>
<input name="ytcustom" id="ytcustom" type="text" class="ythide">

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Rails Formtastic:使用相关表中的值将“ data-”字段添加到选项标签

来自分类Dev

使用jQuery multiselect将值添加到url哈希

来自分类Dev

jQuery将值添加到相同的div ID中

来自分类Dev

如何将多个值添加到jQuery代码

来自分类Dev

如何使用jQuery将对象中的值添加到Highchart

来自分类Dev

如何根据选项使用jQuery将类添加到下拉列表

来自分类Dev

使用JS或Jquery将复选框和单选框中的值添加到标签

来自分类Dev

如何将按钮的输入值添加到jQuery中的两个不同的输入字段中

来自分类Dev

使用jQuery按小时间隔将值添加到现有值

来自分类Dev

jQuery-将值添加到输入框后,不考虑过滤功能

来自分类Dev

使用javascript将值添加到输入字段

来自分类Dev

使用jQuery将值追加到textarea

来自分类Dev

关于将值添加到jQuery中的变量的问题

来自分类Dev

如何使用php将多个输入文本字段值添加到db中

来自分类Dev

jQuery-将文本和var添加到值

来自分类Dev

jQuery将ID增量添加到.html()并附加在输入onchange上并刷新onchange值

来自分类Dev

将值添加到jquery函数的按钮

来自分类Dev

如何使用jQuery添加检查输入的值

来自分类Dev

如何使用jQuery将标题的值添加到类的值并添加到同一元素?

来自分类Dev

使用jQuery通过输入添加到表

来自分类Dev

使用jQuery删除添加到文本区域的最后一个值

来自分类Dev

使用for循环将值添加到先前的值

来自分类Dev

使用jQuery将输入添加到表单中并提交

来自分类Dev

使用Jquery将Checkbox值添加到字段

来自分类Dev

jQuery将按钮值中的字符串添加到输入字段中

来自分类Dev

使用jquery和ajax计算并提交表单值,并将计算出的值添加到特定的div

来自分类Dev

如何使用 jquery 将“.01”添加到文本框值

来自分类Dev

如何将输入中的值和使用 JS 创建的元素添加到列表中?

来自分类Dev

输入值未添加到 keyUp jquery

Related 相关文章

  1. 1

    Rails Formtastic:使用相关表中的值将“ data-”字段添加到选项标签

  2. 2

    使用jQuery multiselect将值添加到url哈希

  3. 3

    jQuery将值添加到相同的div ID中

  4. 4

    如何将多个值添加到jQuery代码

  5. 5

    如何使用jQuery将对象中的值添加到Highchart

  6. 6

    如何根据选项使用jQuery将类添加到下拉列表

  7. 7

    使用JS或Jquery将复选框和单选框中的值添加到标签

  8. 8

    如何将按钮的输入值添加到jQuery中的两个不同的输入字段中

  9. 9

    使用jQuery按小时间隔将值添加到现有值

  10. 10

    jQuery-将值添加到输入框后,不考虑过滤功能

  11. 11

    使用javascript将值添加到输入字段

  12. 12

    使用jQuery将值追加到textarea

  13. 13

    关于将值添加到jQuery中的变量的问题

  14. 14

    如何使用php将多个输入文本字段值添加到db中

  15. 15

    jQuery-将文本和var添加到值

  16. 16

    jQuery将ID增量添加到.html()并附加在输入onchange上并刷新onchange值

  17. 17

    将值添加到jquery函数的按钮

  18. 18

    如何使用jQuery添加检查输入的值

  19. 19

    如何使用jQuery将标题的值添加到类的值并添加到同一元素?

  20. 20

    使用jQuery通过输入添加到表

  21. 21

    使用jQuery删除添加到文本区域的最后一个值

  22. 22

    使用for循环将值添加到先前的值

  23. 23

    使用jQuery将输入添加到表单中并提交

  24. 24

    使用Jquery将Checkbox值添加到字段

  25. 25

    jQuery将按钮值中的字符串添加到输入字段中

  26. 26

    使用jquery和ajax计算并提交表单值,并将计算出的值添加到特定的div

  27. 27

    如何使用 jquery 将“.01”添加到文本框值

  28. 28

    如何将输入中的值和使用 JS 创建的元素添加到列表中?

  29. 29

    输入值未添加到 keyUp jquery

热门标签

归档