Wie bekomme ich den Wert der Auswahlbox in jquery und warne diesen Wert?

Question

Ich habe einen jquery-Code geschrieben, aber es funktioniert nicht zum Abrufen des ausgewählten Optionswerts eines Auswahlfelds. es warnt das Meldungsfeld nicht den Wert, der aus dem Auswahlfeld ausgewählt wird.

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

Dies ist die Auswahlbox.

jquery Code:

<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

Verwenden $(this) statt.

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

$(this) Punkte auf das Element, auf dem Sie den Event-Handler sind verbindlich. In Ihrem Fall ist es Auswahlbox.

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

Bitte beachten jQuery-Code folgen. ".val()" -Funktion wird nützlich sein, um den Wert der ausgewählten Dropdown-Liste zu erhalten.

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

Answer 4

einfach diese verwenden

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