Question

我有一个选择和输入标签。我正在根据select标签中选择的内容更新文本输入的值。

选择标记

<select class="form-control form-field-username form-field-users">
<option class="form-field-first-option" value="0" selected="selected">Select User...</option>
<option value="1">Peter Fel</option> 
<option value="2">Mark Getty</option>
</select>

输入标记

<input name="user_id" id="user_id" class="form-control form-field-user-id" type="number">

onchange代码选择：

$('.form-field-username').change( function() {
    $(this).find(":selected").each(function () {
        var userId = $(this).val();

        $('.form-field-user-id').val(userId);

    });

});

如果onchange选择第一个值或user_id == 0，我想将用户ID为“user_id”的文本输入值设置为null或undefined。

您知道如何修改代码吗？任何帮助表示赞赏。感谢

Answer 1

使用三元运算符检查处理程序中的值。这里完全没有each（）方法，因为只有一个选定的选项。 $（'。form-field-username'）。change（function（）{ $（'。form-field-user-id'）。val（this.value == 0？''：this.value）; }）; ＆lt; script src =“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js”＆gt;＆lt; / script＆gt; ＆lt; select class =“form-control form-field-username form-field-users”＆gt; ＆lt; option class =“form-field-first-option”value =“0”selected =“selected”＆gt;选择用户...＆lt; / option＆gt; ＆lt; option value =“1”＆gt; Peter Fel＆lt; / option＆gt; ＆lt; option value =“2”＆gt; Mark Getty＆lt; / option＆gt; ＆LT; /选择＆GT; ＆lt; input name =“user_id”id =“user_id”class =“form-control form-field-user-id”type =“number”＆gt;

Answer 2

在第一个选项值上设置为空。

<select class="form-control form-field-username form-field-users">
  <option class="form-field-first-option" value="" selected="selected">Select User...</option>
  <option value="1">Peter Fel</option> 
  <option value="2">Mark Getty</option>
</select>

如何使用jQuery从onchange中选择输入值？

2 个答案: