如何在jQuery中獲取選擇框的值並提醒該值？

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

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

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

Answer 3

請參考以下jQuery代碼。 “ .val（）”函數將有助於獲取所選下拉列表的值。

$(document).ready(function() {
    $("#visa_status").change(function(){
        var selectedCountry = $(this).val();
        alert(selectedCountry);
    });
});

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>