Überprüfen Sie, ob die Option mit jQuery ausgewählt ist, wenn nicht, wählen Sie eine Standardeinstellung

Wie können Sie mit jQuery prüfen, ob in einem Auswahlmenü eine Option ausgewählt ist, und wenn nicht, eine der ausgewählten Optionen zuweisen.

(Die Auswahl wird mit einem Labyrinth von PHP-Funktionen in einer App generiert, die ich gerade geerbt habe. Dies ist also eine schnelle Lösung, während ich mich mit diesen beschäftige :)

Ich bin mir zwar nicht sicher, was Sie genau erreichen möchten, aber dieser Code hat bei mir funktioniert.

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

<script type="text/javascript"> 
$(document).ready(function() {
  if (!$("#mySelect option:selected").length) {
    $("#mySelect option[value='3']").attr('selected', 'selected');
  }
});
</script>

Dazu muss jQuery nicht verwendet werden:

var foo = document.getElementById('yourSelect');
if (foo)
{
   if (foo.selectedIndex != null)
   {
       foo.selectedIndex = 0;
   } 
}

Diese Frage ist alt und hat viele Ansichten, also werde ich einfach ein paar Sachen rauswerfen, die einigen Leuten helfen werden, da bin ich mir sicher.

So überprüfen Sie, ob ein ausgewähltes Element ausgewählte Elemente enthält:

if ($('#mySelect option:selected').length > 0) { alert('has a selected item'); }

oder um zu überprüfen, ob für eine Auswahl nichts ausgewählt ist:

if ($('#mySelect option:selected').length == 0) { alert('nothing selected'); }

oder wenn Sie sich in einer Schleife befinden und überprüfen möchten, ob das aktuelle Element ausgewählt ist:

$('#mySelect option').each(function() {
    if ($(this).is(':selected')) { .. }
});

So überprüfen Sie, ob in einer Schleife kein Element ausgewählt ist:

$('#mySelect option').each(function() {
    if ($(this).not(':selected')) { .. }
});

Dies sind einige der Möglichkeiten, dies zu tun. jQuery bietet viele verschiedene Möglichkeiten, um dasselbe zu erreichen. Daher wählen Sie normalerweise nur die aus, die am effizientesten erscheint.

Lencionis Antwort würde ich empfehlen. Sie können den Selektor für die Option ändern ('#mySelect option:last'), um die Option mit einem bestimmten Wert mit " #mySelect option[value='yourDefaultValue']" auszuwählen . Mehr zu Selektoren .

Wenn Sie intensiv mit ausgewählten Listen auf dem Client arbeiten, lesen Sie dieses Plugin: http://www.texotela.co.uk/code/jquery/select/ . Schauen Sie sich die Quelle an, wenn Sie weitere Beispiele für die Arbeit mit Auswahllisten sehen möchten.

Hier ist meine Funktion, die die ausgewählte Option ändert. Es funktioniert für jQuery 1.3.2

function selectOption(select_id, option_val) {
    $('#'+select_id+' option:selected').removeAttr('selected');
    $('#'+select_id+' option[value='+option_val+']').attr('selected','selected');   
}

<script type="text/javascript"> 
$(document).ready(function() {
  if (!$("#mySelect option:selected").length)
   $("#mySelect").val( 3 );

});
</script>

Einfach! Der Standard sollte die erste Option sein. Getan! Das würde dich zu unauffälligem JavaScript führen, da JavaScript nicht benötigt wird :)

Unauffälliges JavaScript

Ich bin bereits auf das erwähnte Texotela-Plugin gestoßen , mit dem ich es folgendermaßen lösen konnte:

$(document).ready(function(){
    if ( $("#context").selectedValues() == false) {
    $("#context").selectOptions("71");
    }
});

Sehen Sie sich den ausgewählten Index des selectElements an. Übrigens, das ist eine einfache alte DOM-Sache, nicht JQuery-spezifisch.

Dies war ein schnelles Skript, das funktioniert hat. Das Ergebnis ist einem Label zugeordnet.

$(".Result").html($("option:selected").text());

Ihr macht viel zu viel für die Auswahl. Einfach nach Wert auswählen:

$("#mySelect").val( 3 );

if (!$("#select").find("option:selected").length){
  //
}

Ich habe eine gute Möglichkeit gefunden, zu überprüfen, ob die Option ausgewählt ist, und einen Standard auszuwählen, wenn dies nicht der Fall ist.

    if(!$('#some_select option[selected="selected"]').val()) {
        //here code if it HAS NOT selected value
        //for exaple adding the first value as "placeholder"
        $('#some_select option:first-child').before('<option disabled selected>Wybierz:</option>');
    }

Wenn #some_select has't Standard gewählte Option dann .val () ist nicht definiert

$("option[value*='2']").attr('selected', 'selected');
// 2 for example, add * for every option

$("#select_box_id").children()[1].selected

Dies ist eine weitere Möglichkeit, zu überprüfen, ob eine Option in jquery ausgewählt ist oder nicht. Dies gibt Boolean (True oder False) zurück.

[1] ist der Index der Auswahlfeldoption

Ändern Sie das Ereignis im Auswahlfeld in "Auslösen" und ziehen Sie anschließend einfach das ID-Attribut der ausgewählten Option: -

$("#type").change(function(){
  var id = $(this).find("option:selected").attr("id");

  switch (id){
    case "trade_buy_max":
      // do something here
      break;
  }
});

Ich habe nur nach etwas Ähnlichem gesucht und Folgendes gefunden:

$('.mySelect:not(:has(option[selected])) option[value="2"]').attr('selected', true);

Dadurch werden alle Auswahlmenüs in der Klasse gefunden, für die noch keine Option ausgewählt ist, und die Standardoption (in diesem Fall "2") ausgewählt.

Ich habe versucht, :selectedstatt zu verwenden [selected], aber das hat nicht funktioniert, weil immer etwas ausgewählt ist, auch wenn nichts das Attribut hat

Wenn Sie jede Option explizit überprüfen müssen, um festzustellen, ob sie das Attribut "ausgewählt" haben, können Sie dies tun. Andernfalls erhalten option:selectedSie bei Verwendung den Wert für die erste Standardoption.

var viewport_selected = false;      
$('#viewport option').each(function() {
    if ($(this).attr("selected") == "selected") {
        viewport_selected = true;
    }
});