鍍金池/ 問(wèn)答/HTML/ input搜索框如何獲取li標(biāo)簽中的值?

input搜索框如何獲取li標(biāo)簽中的值?

這是個(gè)模糊搜索框,但是我要怎么做才能獲取到下拉列表的中被填入input框中的值呢?比如說(shuō)我輸入pc,然會(huì)出來(lái)這些pc號(hào)碼,我用鍵盤里的方向鍵或者鼠標(biāo)點(diǎn)擊其中一個(gè)pc4,這樣input框就會(huì)顯示pc4同時(shí)下拉菜單被收起來(lái),問(wèn)題就是我要怎么獲取到這個(gè)input框中的pc4這個(gè)值呢???
對(duì)了 我這些數(shù)據(jù)是從后臺(tái)請(qǐng)求過(guò)來(lái)的,包括整個(gè)搜索框都是用js代碼動(dòng)態(tài)建立的,所以我本來(lái)是想用alert($("#searchBox").val());這種方法來(lái)顯示input框的值,但是什么都顯示不了,可能是搜索框建立的時(shí)候就沒(méi)有值,所以就這樣,所以有沒(méi)有辦法在頁(yè)面加載完之后,我選中下拉菜單中的任意一個(gè)li標(biāo)簽到input框,我都能從input框中得到這個(gè)li的值?

clipboard.png

大概的代碼:

var searchBox = $("<div class='row searchDiv' style='overflow:hidden;'><input id='searchBox' type='text' class='form-control' placeholder='按設(shè)備名順序查找'><span id='searchSign' class='glyphicon glyphicon-search'></span></div>");
    $("#syyy_zmsx").append(searchBox);
....
if($("#searchBox").val()!=""){
        alert($("#searchBox").val());
    } 
console.log($("#searchBox").val());
回答
編輯回答
維他命

用prop取value

2017年8月29日 18:48
編輯回答
喵小咪

用的插件?你給input賦值應(yīng)該有個(gè)事件,這是用js賦值的,你想獲取val必須在那個(gè)賦值操作后面獲取

2018年7月30日 08:09
編輯回答
糖果果

監(jiān)聽(tīng)鍵盤事件,獲取點(diǎn)擊上下鍵的keycode,var一個(gè)變量i,每次按上下鍵對(duì)i進(jìn)行++ 或者--,根據(jù)鍵盤事件和i值來(lái)從返回?cái)?shù)據(jù)中獲取元素
點(diǎn)擊事件可以傳this,獲取當(dāng)前對(duì)象的innerHTML

這只是我的想法,沒(méi)有實(shí)踐,若有問(wèn)題,非常抱歉沒(méi)有幫到你

2017年1月11日 04:16