Basic html zum Auswählen von Optionen

Wie wird die Option 1 "1 - Unit/Portionen" auf der HTML-Vorlage angezeigt? Ich habe den versteckten Wert bereits auf 1 geändert, aber es zeigt den Standardwert "Select One" an. Ich weiß, dass es eine grundlegende Frage ist, und ich weiß, dass es richtig ist. TnxBasic html zum Auswählen von Optionen

<select class="form-control" id="H_MEALS_SC" > 
 
    <option value=''>Select One</option> 
 
    <option value="1" > 1 - Unit/servings</option> 
 
    <option value="2" > 2 - Sachet</option> 
 
    <option value="3" > 3 - Pack</option> 
 
</select> 
 
    <input type="hidden" name="H_MEALS_SC" id="H_MEALS_SC" value="1" />

Quelle

2017-02-15 John Carlo Velasquez

'H_MEALS_SC' ist doppelte ID. Verwenden Sie '$ ('# selectId'). Val ($ ('# hiddenId'). Val());' – Tushar

Fügen Sie einfach „ausgewählt“ Keyword die Option, die standardmäßig ausgewählt werden soll "Selected keyword"

Quelle

2017-02-15 03:50:26 user4973845

Wie kann ich es zu jquery hinzufügen? –

Sie können ein id Attribut auf die erste Option hinzufügen, und fügen Sie die selected Attribut zu diesem Element mit JQuery oder JS.

JQuery:

$(document).ready(function() { 
    $('#default-val').prop('selected', true); 
});

reine JS:

var d = document.getElementById('default-val'); 
 
d.setAttribute('selected', 'selected');

<select class="form-control" id="H_MEALS_SC" > 
 
    <option value=''>Select One</option> 
 
    <option value="1" id="default-val" > 1 - Unit/servings</option> 
 
    <option value="2" > 2 - Sachet</option> 
 
    <option value="3" > 3 - Pack</option> 
 
</select> 
 
    <input type="hidden" name="H_MEALS_SC" id="H_MEALS_SC" value="1" />

Quelle

2017-02-15 05:21:15

vielen Dank, es hat funktioniert –

Set Wert mit jQuery.

<html> 
 
    <head> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
     <script> 
 
      $(document).ready(function(){ 
 
       $("#H_MEALS_SC").val('1'); 
 
      }); 
 
      
 
     </script> 
 
    </head> 
 
<body> 
 
    <select class="form-control" id="H_MEALS_SC"> 
 
     <option value=''>Select One</option> 
 
     <option value="1"> 1 - Unit/servings</option> 
 
     <option value="2"> 2 - Sachet</option> 
 
     <option value="3"> 3 - Pack</option> 
 
    </select> 
 
    <input type="hidden" name="H_MEALS_SC" id="H_MEALS_SC_1" value="1" /> 
 
</body> 
 

 
</html>

Quelle

2017-02-15 05:38:49 Nitheesh

vielen Dank, es hat funktioniert –

Basic html zum Auswählen von Optionen

Antwort

Verwandte Themen