當前位置:編程學習大全網 - 源碼下載 - 點擊文本框彈出div,選擇div中的值後,可以自動填充到文本框中。如何實現,請找jquer。

點擊文本框彈出div,選擇div中的值後,可以自動填充到文本框中。如何實現,請找jquer。

以下是我用過的,符合妳的要求。現在我給妳剝了它。

& ltscript type = " text/JavaScript " & gt;

$(文檔)。ready(function(){

$("#quyu input ")。單擊(函數(){

$("#tooltips ")。切換();//點擊文本框彈出div。

$("#tooltips ")。點擊(功能(e) {

e .停止傳播();//點擊彈出div,不響應。

});

});

$(文檔)。單擊(函數(){

$("#tooltips ")。hide();//點擊網頁任意位置,div消失。和上面的壹起,點除。

});//div消失在彈出的div之外。

$(".quyu_selectGroups a ")。單擊(函數(){

var thistext = $(this)。text();//獲取點擊的內容

$("#tooltips ")。hide();//div消失

$("#quyu input ")。val(this text);//文本框中會自動填充該值。

});

});

& lt/script & gt;

& ltdiv id = " quyu " & gt& ltinput type = " text "/& gt;

& ltdiv id = " tooltips " style = " border:solid 1px red;顯示:無;"& gt

& ltul class="quyu_selectGroups " >

& lt李& gt& lta href = " JavaScript:void(0);"& gttest 1 & lt;/a & gt;& lt/李& gt

& lt李& gt& lta href = " JavaScript:void(0);"& gttest2 & lt/a & gt;& lt/李& gt

& lt李& gt& lta href = " JavaScript:void(0);"& gttest3 & lt/a & gt;& lt/李& gt

& lt李& gt& lta href = " JavaScript:void(0);"& gttest4 & lt/a & gt;& lt/李& gt

& lt李& gt& lta href = " JavaScript:void(0);"& gttest5 & lt/a & gt;& lt/李& gt

& lt/ul & gt;

& lt/div & gt;

& lt/div & gt;

  • 上一篇:網站采用什麽語言好 最好語言是php麽
  • 下一篇:瀏覽器的種類和特點
  • copyright 2024編程學習大全網