永发信息网

如何获得select的option值

答案:3  悬赏:80  手机版
解决时间 2021-03-21 20:48
  • 提问者网友:两耳就是菩提
  • 2021-03-21 10:32
<select name="opt">
<option value="123323">全12333</option>
<option value="121113">全12321</option>
<option value="121323">全123123</option>
</select>
不好意思,没说明白。我既想获得value的值。也想获得<option></option>之间的值,请问该怎么获得?在ASP中实现
最佳答案
  • 五星知识达人网友:白昼之月
  • 2021-03-21 11:51
jQuery获取Select元素,并设置的 Text和Value:
$("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中
$("#select_id ").val(4); // 设置Select的Value值为4的项选中
$("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中
jQuery添加/删除Select元素的Option项:
$("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)
$("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)
$("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个)
$("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)
$("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option
$("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option
三级分类 <select name="thirdLevel" id="thirdLevel"
onchange="getFourthLevel()">
<option value="0" id="thirdOption">
请选择三级分类
</option>
</select>
</div>
四级分类:
<select name="fourthLevelId" id="fourthLevelId">
<option value="0" id="fourthOption">
请选择四级分类
</option>
</select>
</div>
if($("#thirdLevel").val()!=0){
$("#thirdLevel option[value!=0]").remove();
}
if($("#fourthLevelId").val()!=0){
$("#fourthLevelId option[value!=0]").remove();
}//这个表示:假如希望当选择选择第三类时:如果第四类中有数据则删除,如果没有数据第四类的商品中的为默认值。
获取Select :
获取select 选中的 text :
$("#ddlRegType").find("option:selected").text();
获取select选中的 value:
$("#ddlRegType ").val();
获取select选中的索引:
$("#ddlRegType ").get(0).selectedIndex;
设置select:
设置select 选中的索引:
$("#ddlRegType ").get(0).selectedIndex=index;//index为索引值
全部回答
  • 1楼网友:夜余生
  • 2021-03-21 14:16
有时候我们需要在一个select中传递两个有关联但不同的值,比如你的这个情况。这时候要利用到option的另一个不常用属性name,用name来存储第二个值,然后在onchange事件中分别用this.options[this.selectedindex].name来调用这个值。 

<select name="opt" onchange="optt.value=this.options[this.selectedindex].name"> 
<option name="全12333" value="123323">全12333</option> 
<option name="全12321" value="12opt.value
就会返回当前选项的value
  • 2楼网友:酒安江南
  • 2021-03-21 12:40
有时候我们需要在一个Select中传递两个有关联但不同的值,比如你的这个情况。这时候要利用到Option的另一个不常用属性Name,用Name来存储第二个值,然后在onchange事件中分别用this.options[this.selectedIndex].name来调用这个值。 <select name="opt" onchange="optt.value=this.options[this.selectedIndex].name"> <option name="全12333" value="123323">全12333</option> <option name="全12321" value="12试试:<br>&lt;select name=&quot;opt&quot; onchange=&quot;javascript:alert(document.all.opt.options[document.all.opt.selectedIndex].innerText);&quot;&gt;<br>&lt;option value=&quot;1&quot;&gt;有一个方法,但是不值得推荐使用,因为不和规范。可以使用theForm.opt[0].value获得第一个值,也可以用theForm.opt[0].innerHTML获得标签中间的文本(返回HTML文本)。但是这样子做是为什麽呢?
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯