2017-03-31 65 views
-1

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

这里是一个示例代码

<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> 

我想要得到的01,02,03或04从选择标签(取其情况下选择)。我该怎么做?

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

+1

你需要'.VAL()' –

+0

之前哇,你从来没有使用过谷歌,甚至是文档还是我错了?对于那个Stackoverflow。 – user2659982

回答

1
$("select[name='duration']").val() 
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>