Question

我想获取文档准备就绪的下拉值，但我只得到下拉列表的第一个值我试过这个

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
    $(document).ready(function()
    {
        var car=$('.car').val();
        alert(car);
    });
</script>
</head>
<body>
<select class="car">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
</body>
</html>

Answer 1

试试这个

<script>
    $(document).ready(function()
    {
        var car = $('.car :selected').val();
        alert(car);
    });
</script>

Answer 2

您必须在select标记中给出onchange=""，这样当您更改选择时，它将获取值，然后它将提醒它。

以下是我提供给您的样本。

function myalert(a)
{
alert(a);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="test" id="test" onchange="myalert(this.value)">  
  <option value="">Please Select</option>
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
  <option value="4">Four</option>
</select>

输出 - 它会根据select标签中选择的值提醒值

Answer 3

可能是您可以添加属性＆＃39;已选中＆＃39;你想要的选择。请考虑下面的html。 P.S。：我已经在梅赛德斯＆＃39;。

上添加了属性

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
    $(document).ready(function()
    {
        var car=$('.car').val();
        alert(car);
    });
</script>
</head>
<body>
<select class="car">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes" selected>Mercedes</option>
  <option value="audi">Audi</option>
</select>
</body>
</html>

Answer 4

$(document).ready(function()
{
    $('.car').on('change',function(){
    var car=$('.car').val();
    alert(car);
    });
});

在页面加载时获取jquery中下拉列表的值

4 个答案: