2017-03-16 50 views
-3

我有一个下拉菜单,但在这种情况下动态更改这些情况下如何使用On Change功能在下拉选择值。 在这些下拉id值更改每刷新如何获得特定的选定值。onchange下拉值得到

<select name="status" id="dropdown_status335281563" size="1" tabindex="-1" title="" style="display: none;"> 
<option value="1">Apple</option> 
<option value="2">Grapees</option> 

+0

你怎么可以从选择元素是隐藏的? – guradio

+0

style =“display:none;”并改变:( –

回答

4

$(document).ready(function() { 
 
    $(document).on("change", "select[id^='dropdown_status']", function() { 
 
    console.log($(this).val()); 
 
    }) 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="status" id="dropdown_status335281563"> 
 
<option value="1">Apple</option> 
 
<option value="2">Grapees</option> 
 
</select> 
 

 
<select name="status" id="dropdown_status33523"> 
 
<option value="3">Apple 2</option> 
 
<option value="4">Grapees 2</option> 
 
</select> 
 

 

 
<select name="status" id="dropdown_status3"> 
 
<option value="5">Apple 3</option> 
 
<option value="6">Grapees 3</option> 
 
</select> 
 

 

 
<select name="status" id="dropdown_status99999"> 
 
<option value="7">Apple 4</option> 
 
<option value="8">Grapees 4</option> 
 
</select>

如果我没看错,你的ID后缀为元素的id将改变dropdown_status这将不变。

如下您可以利用这个值,

$("select[id^='dropdown_status']").val(); 

我希望这将有助于。

试试这个例子,例如,我正在采取一些示例选择选项,我试图在单个函数中获取它的值。

+0

如何,我会给你可以请给出明确的例子 – kanth

+0

检查例如我重视 – rahulsm

1
<!DOCTYPE html> 
<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $(".dropdown_change").change(function(){ 
     alert($(this).val()); 
    }); 
    }); 
      </script> 
</head> 
<body> 
<select name="status" id="dropdown_change" class="dropdown_change"> 
<option value="1">Apple</option> 
<option value="2">Grapees</option> 
</select> 

</body> 
</html> 
+0

它错了,因为我的价值的ID的每一次变化 – kanth

+0

它不工作 – kanth

+0

我加js文件检查工作现在这个演示= –

0

您的动态数量变化的情况下,尝试这种

<select name="status" id="dropdown_status335281563" size="1" 
tabindex="-1" title="" onchange="getValue()"> 
<option value="1">Apple</option> 
<option value="2">Grapees</option> 
</select> 


function getValue(){ 
alert($("select[id^='dropdown_status']").val()); 
} 
0

您可以选择框像下面的一些其他属性的基础上得到的值:

$("select[name='status']").change(function(){ 

alert($(this).val()); 

})