我做的html页面 select下拉菜单的名字和id是从数据库读过来的 现在在添加操作的时候 我怎么获取这个动态下拉菜单选中项的ID??? 急
用jquery的方法获取 求大神
你select html什么结构的?如果id作为option的值1#没有问题的。如果是作为属性,如 option id="xx"
应该是$('#selectid option:selected').attr('id');
$("#selectid").find("option:selected").text(); 获取文本值
$("#selectid").find("option:selected").val(); 获取value值
是不是类似
数据库获取的name
如果是这样,
用jQuery就获取选中项的val()就行了
首先获取select这个对象
那么你可以给select加上一个id的属性,我用我上面写的select做示例应该是
$("#select option:selected").val()
这样就能获取option里面value属性的值了
你给select一个id如:
获取选中的值:
$('#test').val();
$('#test option:selected').val();
这里假设我给出的select中的option是从数据库中取出来的。
<select id="demo">
<option id="op1" value="1">香蕉</option>
<option id="op2" value="2">苹果</option>
<option id="op3" value="3">西瓜</option>
<option id="op4" value="4">梨子</option>
</select>
每一个option都有一个对应的id值和value,现在获取选中的option的id,因为我不知道你是想在发生什么事件的时候来获取id,因此我在这里写了两种:
第一种:下拉框中的内容一变化就获取选中的id:
<script type="text/javascript">
$(function(){
$('#demo').bind('change',function(){
console.log($('#demo option:selected').attr('id'))
})
})
</script>
打印出的信息为:
第二种:先进行选择,点击提交按钮的时候再获取id:
<select id="demo">
<option id="op1" value="1">香蕉</option>
<option id="op2" value="2">苹果</option>
<option id="op3" value="3">西瓜</option>
<option id="op4" value="4">梨子</option>
</select>
<button id="btn">提交</button>
<script type="text/javascript">
$(function(){
$('#btn').click(function(){
console.log($('#demo option:selected').attr('id'))
})
})
</script>
打印出的信息为:
如果依然有什么疑问,可随时追问。
$('#selectid option:selected') .val();