jQuery : prüfen, ob KEINE option explizit ausgewählt, die in einer select-box

Ist es möglich, zu erkennen, wenn keine option explizit ausgewählt, die in einer select-box?

Ich habe versucht, diese Methoden, aber keiner von Ihnen funktioniert:

<select id="mySelect">
  <option value="1">First</option>
  <option value="2">Second</option>
  <option value="3">Third</option>
  <option value="4">Fourth</option>
</select>

Versuch 1:

alert($('#select option:selected').length); //returns 1

Studie 2:

alert($('#select option[selected=selected]').length); //returns 1

Studie 3:

alert($('#select option:selected').attr('selected')); //returns 'selected'

Irgendwelche Ideen, DAMIT die Menschen?

Du bist immer gehen, um eine option zu aktivieren, weil es standardmäßig immer wählen Sie das erste Element auf der Seite zu laden. Benötigen Sie ein <option value=""></option>, und testen, ob der Wert leer ist.
Ich Hänge ein <option>Keine Auswahl</option> zu der select-box zur Laufzeit. Aber es kommt nie durch": selected". Hat jQuery ':selected' nicht berücksichtigen, dynamisch hinzugefügte Optionen?
Sie vermuten richtig. Voranzustellen ist, indem es NACH dom-laden, so dass die ersten ausgewählten Element wird das Element, das zuerst @ die Zeit der DOM-laden.
Vielen Dank für die Erklärung!
schrieb das nur zum Spaß, daher teilen (demo sorta Testfall für deine Frage) : jsfiddle.net/g3qc9/6 mochte alle Antworten, speziell @david ' s , prost!
Es gibt keinen Grund, einen der Vorschläge auf dieser Seite. Das Problem mit dem jQuery .prepend () - Methode. Verwenden Sie einfach <option value="" selected=selected> None Selected</option> in Ihrem voranstellen, und es wird sich ausbreiten richtig. Alle anderen sind verrückt.
Ähnliche Frage hier, diese Lösung funktioniert gut für mich. stackoverflow.com/questions/4018365/...

InformationsquelleAutor craftsman | 2012-03-21

21

Versuchen Sie Dies:
```
<select id="mySelect">
  <option value="1">First</option>
  <option value="2">Second</option>
  <option value="3">Third</option>
  <option value="4">Fourth</option>
</select><input type="button" id="btncheck" value="check"/>
```
Verwenden Sie dieses JS:
```
$('#btncheck').click(function(){
     if ($("#mySelect ")[0].selectedIndex <= 0) {
                alert("Not selected");
            }
    else
        alert("Selected");
});
```
Wird es prüfen, ob Ihr dropdown ausgewählt wurde.

Versuchen Sie, diese Geige: http://jsfiddle.net/aPYyt/

Hoffe, es hilft!

PS: haben Sie, um erste Wert als default-Wert.
- +1 Super!!! Es ist genau das, was ich wollte.
- Vielleicht, dass der selectedIndex-Eigenschaft gibt -1 wenn nichts markiert ist: developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Property/...
- RE: Wert -1, wenn nichts ausgewählt ist - das ist NICHT das, was ich sehe in Chrome oder Firefox. Ich sehe den Rückgabewert 0, wenn nichts ausgewählt ist.
InformationsquelleAutor nickalchemist
5

Dies ist, wie ein normalen select-element arbeitet: die erste option ist ausgewählt, wenn keine andere option hat selected - Attribut festgelegt. Die einfachste Lösung ist das hinzufügen eines leer option als die erste option, wie diese:
```
<select id="mySelect">
  <option value="">-- select an item --</option>
  <option value="1">First</option>
  <option value="2">Second</option>
  <option value="3">Third</option>
  <option value="4">Fourth</option>
</select>
```
In jQuery können Sie testen, eine der folgenden Bedingungen:
```
$("#mySelect").val() === "";
$("#mySelect option:selected").index() == 0;
$("#mySelect option:first:selected").length != 0;
```
- diese option geholfen $("#mySelect option:selected").index() == 0 mit einer leichten Veränderung in meinem speziellen Fall $("#mySelect option:selected").index() <= 0 Schön!
InformationsquelleAutor Salman A
3

Einem select-Feld hat immer einen Wert. Wenn Sie nicht manuell ändern Sie den Standardwert, Sie haben noch einen Wert. Für die Prüfung für explizite änderungen, wie Sie sagen, könnten Sie überwachen change:
```
$('#select').change(function() { $(this).data('changed', true); });
```
Ihre Bedingung wäre dann:
```
if(!!$('#select').data('changed')) { ... }
```
Der mehr gemeinsame Art und Weise, etwas zu erreichen, ähnlich sein würde, um einen Platzhalter einzufügen, mit dem Wert an der Spitze:
```
<option value="0">Please select one item</option>
```
... und test für
```
$('#select').val() == '0'
```
Wenn Sie brauchen, um herauszufinden, ob die select-wurde geändert von seinem ursprünglichen Wert, d.h. die obigen Tests, aber machen Sie sicher, dass der Benutzer nicht wieder die Standardeinstellung, man kann einfach speichern, wird der ursprüngliche Wert beim laden der Seite:
```
$('#select').data('original-value', $('#select').val());
```
Und überprüfen
```
$('#select').val() != $('#select').data('original-value');
```
InformationsquelleAutor David Hedlund
0

Durch Standard-was auch immer-option auf index 0 als browser ausgewählt. Die Lösung für das problem wäre das einfügen einer dummy-option auf index 0 und vor dem senden des Formulars können Sie bestätigen Sie mit so etwas wie

if($("#selectBox option").index("option:selected")>0)
$("#myForm").submit();

InformationsquelleAutor anuj_io

var $inputs_select_options = $('option:selected');      

//remove empty(first option as default , value=="" ) options:
$inputs_select_options = $inputs_select_options.filter(function() {
    return this.value.length; //check by length value
});

InformationsquelleAutor VAHUE Production

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.