1 回答

TA貢獻1830條經(jīng)驗 獲得超9個贊
<datalist>就像一個單獨的select元素并鏈接到它前面的文本字段,并根據(jù)所選內(nèi)容簡單地更新文本字段的值。如果您想根據(jù)文本字段上的更改事件運行代碼,則需要先閱讀datalist,然后從中選擇標簽。如果沒有值,則從文本字段中選擇文本。
$(document).ready(function () {
$(document).on('change', '#place', function () {
let myString =
$(this).next().find("option[value='" + $(this).val() + "']").prop("label");
myString = myString ? myString : $(this).val();
$("#fax").val(myString);
$(this).val(myString); //IF YOU LIKE TO SHOW SAME STRING IN TEXT FIELD TOO
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="place" list="places">
<datalist id="places">
<option value="WVC" label="503-882-1212"></option>
<option value="HAM" label="612-883-1414"></option>
<option value="WON" label="317-445-8585"></option>
</datalist>
<br>
<input type="text" id="fax">
添加回答
舉報