从jQuery中的select标签中获取选项值

时间:2017-03-31 17:15:15

标签: javascript php jquery html ajax

我的页面上有一个选择标记。我想使用jquery来处理ajax请求,从<option value="1">获取值1。我怎么能这样做?

以下是示例代码

<select name="duration">
    <option value='01'>This is Value 1</option>
    <option value='02'>This is Value 2</option>
    <option value='03'>This is Value 3</option>
    <option value='04'>This is Value 4</option>
</select>

我想从select标签中获取01,02,03或04(以案例为准)。我怎么能这样做?

我尝试使用$("select[name='duration'] option:selected").text(),但这会返回This is Value 1而不是01(实际字段值)。请帮忙。

2 个答案:

答案 0 :(得分:1)

$("select[name='duration']").val()

答案 1 :(得分:0)

    <html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script>
$(function(){
$('.duration').change(function(){
var a = $("select[name='duration'] option:selected").text();
var b = $("select[name='duration'] option:selected").val();

});

});
</script>
<select class="duration" name="duration">
    <option value='01'>This is Value 1</option>
    <option value='02'>This is Value 2</option>
    <option value='03'>This is Value 3</option>
    <option value='04'>This is Value 4</option>
</select>
</html>