JS获取Select标签选中的值
2015-08-13 16:26
615 查看
项目中用到下拉标签<select> 进行来定义范围搜索功能,而灰显提示的内容却是不一样的。需要用到JS获取Select值,来进行判断提示。
JavaScript方法
JQuery方法
JavaScript方法
var obj = document.getElementById("控件ID");//获取 var index = obj.selectedIndex; // 选中索引 var text = obj.options[index].text; // 选中文本 var value = obj.options[index].value; // 选中值</span>
JQuery方法
$("#testSelect ").get(0).selectedIndex;//索引 $('#testSelect option:selected') .val();//选中的值 $('#testSelect option:selected').text();//选中的文本</span>
案例:
第一步:这是<select>控件<select onchange="change(this)" id="search_name" name="test" > <option value="1">这里是一</option> <option value="2">这里是二</option> <option value="3">这里是三</option> </select>第二步:写js方法(我这里直接用下拉框选项的索引值进行给<input>赋提示信息的值)
function change(s){ v = s.options[s.selectedIndex].value if(v==1){ <span style="white-space:pre"> </span>document.getElementById("frvalue2").value="提示1" }else{ document.getElementById("frvalue2").value="提示2" } }第三步:给input设置初始提示值,指定下得,失焦点事件。
<input value="提示内容" <!-- 获得焦点事件 --> onFocus='if (this.value == "提示1" || this.value == "提示2") {this.value ="";this.style.color = "";}' //清空提示的值 <!-- 失去焦点事件 --> onBlur='if (this.value == "") { var obj = document.getElementById("search_name");var index = obj.selectedIndex; if(index==0){this.value = "提示1";}else{ this.value = "提示2";} this.style.color = "#ac0820";}' //获取提示的值 <!-- 以下是样式不用管 --> style=" color:#ac0820; font-size:12px;line-height:18px;height:20px; float:left; width:205px;margin-left:0px; margin-top:0px; border:1px solid #fff" type="text" name="frvalue" id="frvalue2" />以上例子,仅供参考。写的不是很好。
相关文章推荐
- createjs初学-关于cache
- js substring和substr的区别实例,一目了然
- js获取各种浏览器宽度
- js相关应用
- js分割字符串
- js实现仿网易点击弹出提示同时背景变暗效果
- 解析json字符串:eval
- My97DatePicker设置开始时间与结束时间控制以及js中时间的比较
- 用js写一个实现map
- js正则表达式
- javaScript中的提示对话框
- js中typeof的用法汇总
- visual studio 2005提示脚本错误 /VC/VCWizards/2052/Common.js
- JS - IE or not:判断是否为IE浏览器方法
- javascript 函数学习
- js 获取系统当前时间
- js学习之HTML5 LocalStorage 本地存储
- JavaScript生成SQL查询表单的方法
- JS小测
- Js性能问题