急!在html页面jQuery从下拉菜单获取选中项的ID怎么做

我做的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();