2017-03-22 3 views
-2

nichts passiert mit diesem Skript. Irgendwelche Ratschläge? Ich möchte nur eine Aktion ausführen, wenn eine Option ausgewählt ist. dieseJquery: Funktion bei Auswahl von/otpion ändern

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

 
<script> 
 
$('#something').on('change', function() { 
 
    console.log("hello"); 
 
}) 
 
</script>
<form id="target" method="POST" > 
 
    <select id="something"> 
 
     <option></option> 
 
     <option>Value1</option> 
 
     <option>Value2</option> 
 
     <option>Value3</option> 
 
    </select> 
 
</form>

+1

Versuchen helfen könnten Ihren eigenen Code-Schnipsel zu beheben. Vielleicht nachdem es funktioniert. – dfsq

+1

Das Snippet in Ihrer Frage funktioniert nicht, weil Sie HTML in das JS-Fenster geschrieben haben, aber wenn dieser Code auf einer "normalen" Seite platziert würde, würde es funktionieren, solange die Skriptelemente * nach * dem Formular waren . Entweder das oder wickeln Sie den Handler-Code '.change()' in einen Dokument-Ready-Handler ein. – nnnnnn

Antwort

0

prüfen,

$('#something').on('change', function() { 
 
    console.log("hello"); 
 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 

 
<form id="target" method="POST" > 
 
    <select id="something"> 
 
     <option></option> 
 
     <option>Value1</option> 
 
     <option>Value2</option> 
 
     <option>Value3</option> 
 
    </select> 
 
</form>

Sie haben falsch Schnipsel vorbereitet. im Skriptblock sollte es reines Javascript sein und einschließlich js sollte im HTML-Block sein. Sie haben in js Block geschrieben

+1

Sie könnten Ihre Antwort zumindest erklären. Sonst ist der aktuelle Kommentar viel besser als das. – dfsq

+0

Ich habe die Antwort bearbeitet, jetzt prüfen – rahulsm

0

Sie haben den Code verlegt. Check this :)

$(function() { 
 
    $('#something').on('change', function() { 
 
    alert(2); 
 
    }) 
 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id="target" method="POST"> 
 
    <select id="something"> 
 
     <option></option> 
 
     <option>Value1</option> 
 
     <option>Value2</option> 
 
     <option>Value3</option> 
 
    </select> 
 
</form>

0

Diese

$('select').on('change', function() { 
 
    alert(this.value); 
 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<select> 
 
    <option value="1">One</option> 
 
    <option value="2">Two</option> 
 
</select>

0
<html> 
<title>Test</title> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
</head> 

<body> 
<form id="target" method="POST" > 
    <select id="something"> 
     <option></option> 
     <option>Value1</option> 
     <option>Value2</option> 
     <option>Value3</option> 
    </select> 
</form> 
</body> 

<script> 
$('#something').change(function() { 
    alert("Handler for .change() called."); 
}); 
</script> 
</html> 
Verwandte Themen