jQuery erhält Wert von select onChange

Question

jQuery erhält Wert von select onChange

Gefragt el 24 de Juni, 2012: Wann wurde die Frage gestellt
2730796 Ansichten: Anzahl der Besuche der Frage
5 Antworten: Anzahl der Fragenantworten
Gelöst: Aktueller Status der Frage

Ich hatte den Eindruck, dass ich den Wert eines Select-Eingangs folgendermaßen ermitteln kann $(this).val(); und die Anwendung der onchange an das Auswahlfeld.

Es scheint, dass es nur funktioniert, wenn ich die ID referenziere.

Wie kann ich dies tun?

Gefragt el 24 de Juni, 2012 von RIK

Answer 1

5 Antworten

Answer 2

26voto

Sharuk Ahmed Punkte 795

Die Pfeilfunktion hat einen anderen Anwendungsbereich als die Funktion, this.value ergibt undefiniert für eine Pfeilfunktion. Zur Behebung verwenden Sie

$('select').on('change',(event) => {
     alert( event.target.value );
 });

Beantwortet el 16 de August, 2018 von Sharuk Ahmed (795 Punkte )

Answer 3

25voto

Krishna Punkte 4514

Versuchen Sie die Methode der Ereignisdelegation, die in fast allen Fällen funktioniert.

$(document.body).on('change',"#selectID",function (e) {
   //doStuff
   var optVal= $("#selectID option:selected").val();
});

Beantwortet el 17 de Marsch, 2015 von Krishna (4514 Punkte )

Answer 4

15voto

Abrar Jahin Punkte 13034

Sie können dies versuchen (mit jQuery )-

$('select').on('change', function()
{
    alert( this.value );
});

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

<select>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
</select>

Oder Sie können einfaches Javascript wie dieses verwenden.

function getNewVal(item)
{
    alert(item.value);
}

<select onchange="getNewVal(this);">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
</select>

Beantwortet el 23 de Kann, 2016 von Abrar Jahin (13034 Punkte )

Answer 5

11voto

drjorgepolanco Punkte 5859

Das hat bei mir funktioniert. Habe alles andere ausprobiert, ohne Erfolg:

<html>

  <head>
    <title>Example: Change event on a select</title>

    <script type="text/javascript">

      function changeEventHandler(event) {
        alert('You like ' + event.target.value + ' ice cream.');
      }

    </script>

  </head>

  <body>
    <label>Choose an ice cream flavor: </label>
    <select size="1" onchange="changeEventHandler(event);">
      <option>chocolate</option>
      <option>strawberry</option>
      <option>vanilla</option>
    </select>
  </body>

</html>

Entnommen aus Mozilla

Beantwortet el 25 de Januar, 2016 von drjorgepolanco (5859 Punkte )

Answer 6

11voto

Developer Punkte 810

JQuery erhalten Wert der ausgewählten HTML-Elemente mit auf Change-Ereignis

Für Demo & mehr Beispiel

$(document).ready(function () {   
    $('body').on('change','#select_box', function() {
         $('#show_only').val(this.value);
    });
}); 

<!DOCTYPE html>  
<html>  
<title>jQuery Select OnChnage Method</title>
<head> 
 <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>    
</head>  
<body>  
<select id="select_box">
 <option value="">Select One</option>
    <option value="One">One</option>
    <option value="Two">Two</option>
    <option value="Three">Three</option>
    <option value="Four">Four</option>
    <option value="Five">Five</option>
</select>
<br><br>  
<input type="text" id="show_only" disabled="">
</body>  
</html>

Beantwortet el 22 de April, 2019 von Developer (810 Punkte )

jQuery erhält Wert von select onChange

Antworten

Empfohlene Fragen

Top-Tags

CodeJaeger.com

Powered by:

jQuery erhält Wert von select onChange

Antworten

Verwandte Fragen

Empfohlene Fragen

Top-Tags

CodeJaeger.com

Powered by: