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>