现在有一id=test的
下拉框
,怎么拿到
选中
的那个值呢? 分别使用javascript原生的方法和
jquery
方法 代码如下: <
select
id=”test” name=””> <
option
value=”1″>text1</
option
> <
option
value=”2″>text2</
option
> </
select
> 一:javascript原生的方法 1:拿到
select
对象: var my
select
=document.getElementById(“test”); 2:拿到
选中
项的索引:var index=my
select
.
select
edIndex ; // sele
这篇文章主要介绍了
jQuery
操作
选中
select
下拉框
的值代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
js和
jQuery
联合操作dom真的很好用,如果不是专业前端人员的话,我觉得吧前端语言只要熟练掌握js和
jQuery
就可以了。
获取
select
下拉框
的几种情况如下:
1.获取
第一个
option
的值
$('#test
option
:first').val();
2.最后一个
option
的值
$('#test
option
:last').val();
3.获取第二个
option
的值
$('#test
option
:eq
jQuery
获取
Select
元素,并选择的Text和Value:
1. $(“#
select
_id”).change(function(){//code…}); //为
Select
添加事件,当选择其中一项时触发
2. var checkText=$(“#
select
_id”).find(“
option
:
select
ed”).text(); //获取
Select
选择的Text
3. var checkValue=$(“#
select
_id”).val(); //获取
Select
选择的Value
4. var checkIndex=$(“#
select
_id “).get(0).
select
<
select
name="join_state" id="join_state" onchange="
option
list()" >
<
option
value=""
select
ed="
select
ed" style="display: none;">Changed other time</
option
>
<
option
value="1">Changed other time</
option
>
<
option
value="2"&
$("#sel_div .
select
_class
option
[id='-\u9009\u62e9\u7701-']").text(data.province).attr("
select
ed",true);
$("#sel_div .
select
_class
option
[id='-\u9009\u62e9\u5e02-']").text( data.city).attr("
select
ed",true);
$("#sel_div .
select
_class
option
[id='-\u9009\u62e9\u533a-']").text( data.area).attr("
select
ed",true);
$("#sel_d
1、
jquery
获取当前
选中
select
的text值 var checkText=$(“#slc1”).find(“
option
:
select
ed”).text(); 2、
jquery
获取当前
选中
select
的value值 var checkValue=$(“#slc1”).val(); 3、
jquery
获取当前
选中
select
的索引值 var index=$(“#slc1 “).get(0).
select
edIndex; 4、
jquery
设置
索引值为1的项为当前
选中
项 $(“#slc1 “).get(0).
select
edIndex=1; 5、
jquery
设置
value值2的项为当前
选中
项
当二级联动比如选择国家的时候,希望
选中
一个国家的时候后面城市
默认
选中
第一个
城市,则给国家的
select
加一个@change事件就可以了
<div class="inputLine">
<span>所在区域</span>
<
select
name="" v-model="countryName" @change