通过javascript获取选择标记的选项[关闭]

Question

HTML Code:

<select name="speed" style="width:100px">
    <option value="1" >1 RMB</option>
    <option value="2" >2 RMB</option>
    <option value="3" >3 RMB</option>
    <option value="4" >4 RMB</option>
    <option value="5" >5 RMB</option>
    <option value="6" >6 RMB</option>
    <option value="7" >7 RMB</option>
    <option value="8" >8 RMB</option>
    <option value="9" >9 RMB</option>
    <option value="10">10 RMB</option>
</select>

JS/jQuery Code:

$("select[name=speed] option").click(function(   
    alert('xxx');
    var uuid=$(this).attr('id');
    var speed=$(this).val();
    var url = "/dashboard/speed?uuid=" + uuid + "&speed=" + speed;
    alert('xxx');
));

I just want get the id and value. But there seems something to be going wrong. Could someone help me?

Answer 1

For select it should be the change event and the syntax near function was wrong. Corrected code:

$("select[name=speed]").change(function(){  
    var uuid=$(this).attr('id');
    var speed=$(this).val();
    var url = "/dashboard/speed?uuid=" + uuid + "&speed=" + speed;
    alert(url);
});

Updated JSFiddle