Question

我有一个下拉菜单，但是在这些情况下，id会动态更改如何使用On Change功能在下拉列表中获取所选值。在这些下拉id值更改每次刷新如何获取特定选定值。

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

Answer 1

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

我希望这会有所帮助。

尝试这个例子，例如，我正在采取一些样本选择选项，我试图在单一函数中获得它的值。

Answer 2

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

Answer 3

您的动态号码更改案例请尝试此

<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());
}

Answer 4

您可以根据选择框的其他一些属性获取价值，如下所示：

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

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

})

onchange下拉值得到

4 个答案: