jQueryを使用してonchangeから入力値を選択する方法は？

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タグ

<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); 

    }); 

}); 

は、私が "USER_ID" のユーザIDとテキスト入力の値を設定したいですonchangeが最初の値を選択した場合はnullまたはundefined、user_id == 0.

コードを変更する方法は知っていますか？どんな助けもありがとうございます。ありがとう

Answer 1

ternary operatorを使用してハンドラ内の値を確認してください。 メソッドは、選択されたオプションが1つしかないため、ここでは完全に不要です。最初のオプション値に空のセット

$('.form-field-username').change(function() { 
 
    $('.form-field-user-id').val(this.value == 0 ? '' : this.value); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<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">

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>