wie man den Wert einer option im select-Menü mit onChange jquery?
ich versuche zu implementieren clone wählen Sie Menü mit den folgenden plugins:
https://github.com/afEkenholm/ScrollectBox
https://github.com/afEkenholm/ScrollectBox/blob/master/index.html
https://github.com/afEkenholm/ScrollectBox/blob/master/js/ScrollectBox/jquery.scrollectbox.js
aber ich bin nicht in der Lage, um die option Wert wählen Sie Menü. es gibt die option text statt.
wie man den Wert (aber nicht auf den text) einer option in der folgenden select-Menü onChange
mit jquery-Aufruf-Funktion?
<script type="text/javascript">
jQuery(document).ready(function($){
$(".selection").scrollectBox({
preset: 'dropdown',
numVisibleOptions: 4,
scrollInterval: 150,
scrollOn: 'hover'
});
});
<select onchange="function(this);" id="selector" class="selection" >
<option value="" selected="Select Topic">Select Topic</option>
<option value="Food">Food</option>
<option value="Drink">Drink</option>
</select>
Dank,
RE-EDIT:
Nicht funktioniert
<script type="text/javascript">
jQuery(document).ready(function($){
var selectEvent = function($el){
someFunction($(this).val());
return false;
};
$(".selection").scrollectBox({
preset: 'dropdown',
numVisibleOptions: 4,
onSelectEvent: selectEvent,
scrollInterval: 150,
scrollOn: 'hover'
});
});
</script>
gibt es [object Object]
Nicht funktioniert
<script type="text/javascript">
jQuery(document).ready(function($){
$(".selection").scrollectBox({
preset: 'dropdown',
numVisibleOptions: 4,
scrollInterval: 150,
scrollOn: 'hover',
onSelectEvent: function (item, event) {
alert(item).val();
}
});
});
</script>
gibt es [object Object]
Du musst angemeldet sein, um einen Kommentar abzugeben.
Entsprechend der source-code für ScrollectBox, müssen Sie die
onSelectEvent
- Eigenschaft, etwa so:.selection
aber nicht die id#selector
? vielen Dank,#selector
mit.selector
$(".selection").scrollectBox({
Scrollectbox
source-code.onSelectEvent:
. bitte überprüfen Sie meine editierte Frage. wie kann ich rufen Sie die option Wert, die mit Ihrem code mit dem bereits vorhandenen code, den ich bearbeitet.someFunction(this)
zusomeFunction($(this).val());
test.com/index.html#
muss etwas falsch sein. bitte überprüfen Sie die reedited Frage. ich check den code mitie
Konsole. die consle Fehler gibtnodeName is null or not an object
erzeugt in Zeile Nr. 2317 vonjquery-1.7.1.js
ist wie folgt:hooks = jQuery.valHooks[ elem.nodeName.toLowerCase() ] || jQuery.valHooks[ elem.type ];
. vielen Dank,onSelectEvent
von null auf true inhttps://github.com/afEkenholm/ScrollectBox/blob/master/js/ScrollectBox/jquery.scrollectbox.js
jetzt bekomme ich die Warnung[object Object]
Wann immer ich versuche, um die option zu ändern. jede Idee ist willkommen. vielen Dank,someFunction(this);
so, dass diese Funktion beherrscht diese Werte, die es für die Erfüllung der Aufgabe. ich habe zwei anonyme demo-links für Ihre Bequemlichkeit. schauen Sie bitte auf meine bearbeitete Frage für diese links. vielen Dank,alert(item).val();
zualert(item.val());
Können Sie beziehen sich auf die ausgewählte option über:
$("#selector option:selected")
JS Fiddle:
http://jsfiddle.net/Y7byM/1/
Bearbeiten:
Aus Ihren Kommentaren, die Sie ändern können
#selector
zu.selector
:value
und nicht dietext
? 😉mattytommo
korrekt ist. es ist über die option Wert, aber nicht die option text. aber aus der Abstimmung für den Kommentar, obwohl ich weiß, Sie waren nicht danach. vielen Dank,val
und ich habe eine Geige, um zu zeigen, dass es funktioniert..selection
Dank,test.com/index.html#
onchange
Möglichkeiten verursacht durchline no.133
vonhttps://github.com/afEkenholm/ScrollectBox/blob/master/js/ScrollectBox/jquery.scrollectbox.js
. das ist, warum ich fragte, wie kann ich rufen Sie den Wert mit der vorhandenen Klasse aufrufen, Funktion$(".selection").scrollectBox({
ich gebucht, aber nicht als separate Funktion aufrufen? vielen Dank,Versucht das ?
Meine "select" erfolgt über eine AJAX-Aufrufs, und ich konnte nicht die aufrufende Programm zu arbeiten, mit dem .- change-Methode.
Den Tisch (nicht deklariert, bis ein AJAX-Aufruf gemacht) ist
Den jQuery-code, die ich brauchte in das aufrufende Programm war
Nun die Benachrichtigung funktioniert.