第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

帶有搜索和輸入的 HTML 下拉框

帶有搜索和輸入的 HTML 下拉框

動漫人物 2022-12-22 15:44:34
我試圖搜索我所追求的,這是我能得到的最接近的:使用 jQuery 制作帶有搜索框的下拉列表(Yogesh Singh)https://makitweb.com/make-a-dropdown-with-search-box-using-jquery/它可以提供具有搜索功能的 HTML 下拉列表。但是,我希望擁有的是也具有輸入能力。即,如果沒有找到,則使用用戶輸入作為結(jié)果。我試著看代碼,$(document).ready(function(){   // Initialize select2  $("#selUser").select2();  // Read selected option  $('#but_read').click(function(){    var username = $('#selUser option:selected').text();    var userid = $('#selUser').val();    $('#result').html("id : " + userid + ", name : " + username);  });});
查看完整描述

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">


查看完整回答
反對 回復 2022-12-22
  • 1 回答
  • 0 關注
  • 572 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號