1. 程式人生 > >可輸入可選擇的下拉框(input select)並且輸入框獲得下拉的內容

可輸入可選擇的下拉框(input select)並且輸入框獲得下拉的內容

1、JSP程式碼

<div style="position:relative;margin-left: 10%;height: 30px; margin-top: 50px;" class="col-xs-6">
        <span style="margin-left:115px;width:18px;overflow:hidden;height: 30px;">
        <select id="_select" style="width:240px;margin-left:-115px;height: 30px;" onchange="setRuleContent();"> 
<option value="1">請選擇....</option>
<option value="1">11</option>
<option value="1">22</option>
<option value="1">33</option></select>
</span>
<input id="_input" type="text" style="width:220px;position:absolute;left:0px;height:24px;"   onchange="setRuleContent1();"  placeholder="輸入">
</div>

2、JS方法

function setRuleContent(){
       var selectValue = $('#_select option:selected').text();//選中select的內容
       //alert("selectValue" + selectValue);

var inputValue = $("#_input").val(selectValue);//input獲得select的內容並顯示在輸入框中
//alert(inputValue);
};

注:select的下拉列表通過AJAX方法後臺獲取