可输入可选择的下拉框(input select)并且输入框获得下拉的内容

来源:互联网 发布:美萌家cos淘宝店铺 编辑:程序博客网 时间:2024/05/22 05:10

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方法后台获取

阅读全文
0 0