可输入可选择的下拉框(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方法后台获取
- 可输入可选择的下拉框(input select)并且输入框获得下拉的内容
- js:可输入可选择的select下拉框,可及时匹配包含输入的内容(兼容ie)
- 可输入可选择的下拉框
- 下拉框可输入可选择
- 可输入可选择下拉框
- 可选择也可输入的下拉列表框,html文件
- SELECT input 下拉框可输入
- 可输入可选择的下拉列表
- 可选择和输入的下拉列表框
- 可选择和输入的下拉列表框
- magicsuggestjs 可输入可选择下拉框记录
- 简单实用js——可输入可选择可模糊查询的select下拉
- 可以输入的下拉框,可以筛选内容,可输入筛选下拉框(原创)
- 仿下拉框,可选择,可输入,可匹配
- input覆盖select实现可输入下拉框
- 可输入的下拉框
- 可输入的下拉框
- 可输入的下拉框
- 近日,百度《互联网从业人员单身情况调查报告》新鲜出炉,调查人群是日前火了一把的西二旗互联网从业者(转载)
- InstanceOf
- Linux服务器下重启svn服务
- spring-data-redis-2(实现并发操作:秒杀)
- 关系型数据库ACID规则
- 可输入可选择的下拉框(input select)并且输入框获得下拉的内容
- 自顶向下,逐步求精
- 关于提升PHP编程效率的54个技巧
- SharePoint 2013 远程服务器返回错误: (400) 错误的请求。 不支持查询字符串中的 api-version
- 面试--北京闪银奇异
- css设置表格自动换行;table换行无效
- 【tensorflow 学习】 gpu使用
- 记住浏览器上的前进后按钮,记住tab的切换页面
- 紫光云数(新华三)面试经历(垃圾)