Question

HTML代码：

<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代码：

$("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');
));

我只想获得id和value。但似乎有些事情会出错。有人能帮助我吗？

Answer 1

对于select，它应该是change事件，并且function附近的语法错误。更正后的代码：

$("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

Answer 2

替换为此脚本

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

Answer 3

您尝试将代码作为参数执行。

这将有效

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

通过javascript获取选择标记的选项

3 个答案: