選択タグと入力タグがあります。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 selectのコード:
$('.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または未定義に設定したいと思います。
コードを変更する方法を知っていますか?どんな助けでも大歓迎です。ありがとう
三項演算子を使用して、ハンドラー内の値を確認します。each()
選択されたオプションは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">
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加