下拉选择 select控件

Posted geek-wk

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了下拉选择 select控件相关的知识,希望对你有一定的参考价值。

javascript添加一个下拉列表项的方法:创建一个新的option节点,然后添加到目标select对象中去,关键代码如下:

js code:

var objSelect = document.getElementById(select_id);

var new_opt = new Option(objItemText, objItemValue);

objSelect.options.add(new_opt);

1.get selected option

第一种方式 jQuery code:

$('#testSelect option:selected').text();//选中的文本

$('#testSelect option:selected') .val();//选中的value值

$("#testSelect ").get(0).selectedIndex;//索引

 

第二种方式 jQuery code:
$("#tesetSelect").find("option:selected").text();//选中的文本
$("#tesetSelect").find("option:selected").val();//选中的value值
$("#tesetSelect").find("option:selected").get(0).selectedIndex;//索引

以上是关于下拉选择 select控件的主要内容,如果未能解决你的问题,请参考以下文章

HTML中select控件怎样设置成默认值,并且下拉框选项中没有默认值

基于jquery的可查询多级select控件(可记录历史选择)

JSP 实现两个select下拉框的数据联动,要求根据第一个下拉式选择的内容联动第二个下拉式。需要从数据库中

html控件 select 多项选择怎么没得到所选择的值

bootstrap-select 的多选+模糊查询下拉框详解(官方示例文档解读)

如何把html的select控件的下拉箭头改成图