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

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

jquery html

获取页面加载时jquery中下拉列表的值,jquery,html,Jquery,Html,我想在文档上获得下拉列表的值，但我只获得下拉列表的第一个值我试过这个 <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();

我想在文档上获得下拉列表的值，但我只获得下拉列表的第一个值我试过这个

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


$（文档）.ready（函数（）
{
var car=$（'.car'）.val（）；
警报（car）；
});
沃尔沃汽车
萨博
梅赛德斯
奥迪

试试这个

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


$（文档）.ready（函数（）
{
var car=$（'.car:selected'）.val（）；
警报（car）；
});

您必须在select标记中指定

onchange=“

”，这样当您更改select时，它将获取值，然后发出警报

这是我提供给你理解的样本

功能myalert（a）
{
警报（a）；
}


请选择
一个
两个
三
四

您可以将属性“selected”添加到所需选项中。请考虑下面的HTML。备注：我在“梅赛德斯”上添加了属性

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


$（文档）.ready（函数（）
{
var car=$（'.car'）.val（）；
警报（car）；
});
沃尔沃汽车
萨博
梅赛德斯
奥迪

我认为您确实希望使用更改事件。当页面加载时，该值将始终为默认值（如果未设置，则为第一个值）。@Ninad。我已经按照你的要求修改了我的答案。检查一下，分享一下想法。@Ninad。我已将其作为一个工作示例，您可以尝试一下，如果遇到任何阻碍，请告诉我我不希望只看到所选的值，我希望在下拉列表中选择这些值时提醒这些值。在您的

select标记中

您没有编写

onchange（）

属性，或者您没有使用

change（）

也在脚本中。这就是它不能在document.ready下工作的原因。虽然这个代码片段可以解决这个问题，但它确实有助于提高文章的质量。请记住，您将在将来回答读者的问题，这些人可能不知道您的代码建议的原因。请更改函数以在每次触发事件时执行。

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