jquery怎么获取一个下拉列表框,多个选中值
我代码:<divclass="centent"><selectmultiple="multiple"id="select1"name="select1"style="wi...
我代码:
<div class="centent">
<select multiple="multiple"id="select1" name="select1" style="width:100px;height:160px;">
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3">选项3</option>
<option value="4">选项4</option>
<option value="5">选项5</option>
<option value="6">选项6</option>
<option value="7">选项7</option>
</select>
<div>
<span id="add" >获取多个选中值>></span>
</div>
</div>
$(function () {
//选中添加到右边
$("#add").click(function () {
//$('#select1 option:selected').appendTo('#select2');
$('#select1 option:selected').each(function () {
alert($('#select1').find('option:selected').val());
})
})
})
他至弹出一个。为什么啊,在吗解决大神们帮忙
多选时候,比如选择2个时候,也能弹出2次,但是弹的都是一样的,为什么,怎么解决 展开
<div class="centent">
<select multiple="multiple"id="select1" name="select1" style="width:100px;height:160px;">
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3">选项3</option>
<option value="4">选项4</option>
<option value="5">选项5</option>
<option value="6">选项6</option>
<option value="7">选项7</option>
</select>
<div>
<span id="add" >获取多个选中值>></span>
</div>
</div>
$(function () {
//选中添加到右边
$("#add").click(function () {
//$('#select1 option:selected').appendTo('#select2');
$('#select1 option:selected').each(function () {
alert($('#select1').find('option:selected').val());
})
})
})
他至弹出一个。为什么啊,在吗解决大神们帮忙
多选时候,比如选择2个时候,也能弹出2次,但是弹的都是一样的,为什么,怎么解决 展开
2个回答
展开全部
1:js取值
//获取下拉列表选中项的值
代码如下
function getSelectedValue(name){
var obj=document.getElementById(name);
return obj.value; //直接用其对象的value属性便可获取到
}
2:获取文本值
代码如下
<select Id="select">
<option>1</option>
<option selected="selected">2</option>
<option>3</option>
</select>
<script language="javascript" type="text/javascript">
var ById = document.getElementById("Select")
alert(ById.options[ById.selectedIndex].text)
</script>
//获取下拉列表选中项的值
代码如下
function getSelectedValue(name){
var obj=document.getElementById(name);
return obj.value; //直接用其对象的value属性便可获取到
}
2:获取文本值
代码如下
<select Id="select">
<option>1</option>
<option selected="selected">2</option>
<option>3</option>
</select>
<script language="javascript" type="text/javascript">
var ById = document.getElementById("Select")
alert(ById.options[ById.selectedIndex].text)
</script>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询