JS、jQuery中select的用法详解

1js

var

obj=documentgetElementById(selectid);

objoptionslength

=

0;

//清除所有内容

objoptions[index]

=

new

Option("three",3);

//更改对应的值

objoptions[index]selected

=

true;

//保持选中状态

objadd(new

Option("4","4"));

”文本",”值"

var

index

=

objselectedIndex;objoptionsremove(index);//删除选中项

2jquery

$("#select_id")append("<option

value='Value'>Text</option>");

//为Select追加一个Option(下拉项)

$("#select_id")")find('option:selected')text();

获取select选中的text

$("#select_id")val();

获取select选中的value

$("#select_id

option[index='0']")remove();//删除索引值为0的Option

$("#select_id

option[value='3']")remove();

//删除值为3的Option

$("#select_id

option[text='4']")remove();

//删除TEXT值为4的Option

$("#mselect_id")change(function(){

//添加所需要执行的 *** 作代码

})

补充：

js获取select标签选中的值

var

obj

=

documentgetElementByIdx_x(”testSelect”);

//定位id

var

index

=

objselectedIndex;

//

选中索引

var

text

=

objoptions[index]text;

//

选中文本

var

value

=

objoptions[index]value;

//

选中值

jQuery中获得选中select值

第一种方式

$('#testSelect

option:selected')text();//选中的文本

$('#testSelect

option:selected')

val();//选中的值

$("#testSelect

")get(0)selectedIndex;//索引

第二种方式

$("#tesetSelect")find("option:selected")text();//选中的文本

……val();

……get(0)selectedIndex;

以上内容是小编给大家介绍的JS、jQuery中select的用法详解，希望对大家有所帮助！

在你的代码后添加下面代码，就可以在修改select选择后，得到每个select中的值了。

<div id="output_div"></div>

<script type="text/javascript">

$(function(){

output_func();

$("select")change(output_func);

});

function output_func(){

var str="输出显示为：<br>";

$("tr")each(function(){

$(this)find("td")each(function(){

str+="<span style='border:1px solid blue;'>"+$(this)find("select")val()+"</span> ";

});

str+="<br>";

});

$("#output_div")html("<br>" + str);

}

</script>

要获得 下拉框的值 ，使用 js吧

var AdultObj = documentgetElementById("AdultNum");

Adult_Value = AdultObjoptions[AdultObjselectedIndex]value;

var ChildObj = documentgetElementById("ChildNum");

Child_Value = ChildObjoptions[ChildObjselectedIndex]value

var BabyObj = documentgetElementById("BabyNum");

Baby_Value = BabyObjoptions[BabyObjselectedIndex]value

以上就是关于JS、jQuery中select的用法详解全部的内容，包括:JS、jQuery中select的用法详解、js获取jsp页面表格内select选中的值得问题、js 获取下拉框的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！