Question

我编写了一个jquery代码，但它不能用于获取选择框的选定选项值。它警告消息框而不是从选择框中选取的值。

<div class="form-group col-md-12 padd">
    <label for="exampleInputEmail1">Skill level</label>
    <select name="visa_status" id="visa_status" class="dropselectsec1">
        <option value="bfdgdfgdf">bfdgdfgdf</option>
        <option value="fdfdggf">fdfdggf</option>
        <option value="dfdf">dfdf</option>
    </select>
</div>

这是选择框。

jquery代码：

<script src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("input").change(function(){
            var startDate = $("#start-date").val();
            var endDate = $("#end-date").val();
            $(".rentdate").html("Rental Date<span> From:"+startDate+" To:"+endDate);
        });

        $("select").change(function(){
            var selectedCountry = $(".dropselectsec1 option:selected").val();
            alert(selectedCountry);
        });
    });
</script>

Answer 1

改为使用$(this)。

$("select").change(function(){
    var selectedCountry = $(this).val();
    alert(selectedCountry);
});

$(this)指向您绑定事件处理程序的元素。在你的情况下它是选择框。

Answer 2

＆＃13;

$('select').change(function(){
  var selectedCountry = $(this).val();
  console.log(selectedCountry);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<div class="form-group col-md-12 padd">
  <label for="exampleInputEmail1">Skill level</label>
  <select name="visa_status" id="visa_status" class="dropselectsec1">
    <option value="bfdgdfgdf">bfdgdfgdf</option>
    <option value="fdfdggf">fdfdggf</option>
    <option value="dfdf">dfdf</option>
  </select>
</div>

＆＃13;

Answer 3

请参考以下jquery代码。＆＃34; .VAL（）＆＃34;函数将有助于获取所选下拉列表的值。

var path = require('path');
res.sendFile(path.join(__dirname, '../public', 'index1.html'));

Answer 4

只需使用此

即可

<div class="form-group col-md-12 padd">
                                  <label for="exampleInputEmail1">Skill level</label>
                                    <select name="visa_status" id="visa_status" class="dropselectsec1">

                                                    <option value="bfdgdfgdf">bfdgdfgdf</option>
                                                    <option value="fdfdggf">fdfdggf</option>
                                                    <option value="dfdf">dfdf</option>
                                                </select>
                                </div>

                                <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<script type="text/javascript">

$("#visa_status").change(function(){
    var selectedCountry = $(".dropselectsec1 option:selected").val();
    alert(selectedCountry);
});


</script>

如何在jquery中获取select框的值并提醒该值？

4 个答案: