M-am gândit că adăugarea unei "valoarea"
atribut setat pe <selectați> element de mai jos ar provoca
<opțiune>conțin mea furnizate
"valoarea" să fie selectată în mod implicit:
<select name="hall" id="hall" value="3">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
Cu toate acestea, acest lucru nu a mers ca am avut de asteptat. Cum pot seta care `<opțiune> element este selectat în mod implicit?
În cazul în care doriți să aveți un text implicit ca un fel de substituent/sugestie dar nu e considerat o valoare validă (ceva de genul "completa", "selectați natiune" ecc.) puteți face ceva de genul asta:
<select>
<option value="" selected disabled hidden>Choose here</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
<option value="4">Four</option>
<option value="5">Five</option>
</select>
Am dat peste această întrebare, dar a acceptat și extrem de upvoted răspunsul n't de lucru pentru mine. Se pare că, dacă utilizați Reacționa, atunci setarea "selectat" nu't de lucru.
În schimb, trebuie să setați o valoare în `<selectați> tag direct așa cum se arată mai jos:
<select value="B">
<option value="A">Apple</option>
<option value="B">Banana</option>
<option value="C">Cranberry</option>
</select>
Citeste mai mult despre de ce aici pe Reacționa pagina.
Poti face astfel:
<select name="hall" id="hall">
<option> 1 </option>
<option> 2 </option>
<option selected> 3 </option>
<option> 4 </option>
<option> 5 </option>
</select>
Oferi "selectat" cuvinte cheie în interiorul opțiunea etichetă, pe care doriți să apară în mod implicit în listă derulantă.
Sau puteți oferi, de asemenea, să atribuie opțiunea de tag-ul respectiv
<option selected="selected">3</option>
dacă doriți să utilizați valorile dintr-un Formular și să-l păstrați dinamic încercați acest lucru cu php
<form action="../<SamePage>/" method="post">
<?php
$selected = $_POST['select'];
?>
<select name="select" size="1">
<option <?php if($selected == '1'){echo("selected");}?>>1</option>
<option <?php if($selected == '2'){echo("selected");}?>>2</option>
</select>
</form>
Eu o prefer pe asta:
<select>
<option selected hidden>Choose here</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
<option value="4">Four</option>
<option value="5">Five</option>
</select>
'Alege' dispare după o opțiune a fost selectată.
O îmbunătățire pentru nobita's a răspunde. De asemenea, vă puteți îmbunătăți de vedere vizual din lista drop-down, prin ascunderea element 'Alege'.
<select>
<option selected disabled hidden>Choose here</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
<option value="4">Four</option>
<option value="5">Five</option>
</select>
Un alt exemplu; folosind JavaScript pentru a seta o opțiune selectată.
(Ai putea folosi acest exemplu pentru bucla de o serie de valori într-un drop-down componentă)
<selectați id="yourDropDownElementId"><selectați/>
// Get the select element
var select = document.getElementById("yourDropDownElementId");
// Create a new option element
var el = document.createElement("option");
// Add our value to the option
el.textContent = "Example Value";
el.value = "Example Value";
// Set the option to selected
el.selected = true;
// Add the new option element to the select element
select.appendChild(el);
La selectate atribut este un atribut boolean.
Atunci când este prezent, se specifică faptul că o opțiune ar trebui să fie pre-selectate atunci când pagină se încarcă.
Pre-selectat opțiunea va fi afișat primul în lista drop-down.
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="vw">VW</option>
<option value="audi" selected>Audi</option>
</select>
Cel mai bun mod, în opinia mea:
``html <selectați> <opțiune valoare="" selectat="selectat" ascunse="ascunse">Alege aici</opțiune> <opțiune valoare="1">O</opțiune> <opțiune valoare="2">Doi</opțiune> <opțiune valoare="3">Trei</opțiune> <opțiune valoare="4">Patru</opțiune> <opțiune valoare="5">Cinci</opțiune>
De ce nu cu dizabilități?Atunci când utilizați un atribut cu handicap, împreună cu <buton tip="reseta">Reseta</butonul>
valoarea nu este resetat la original substituent. În schimb, browser-ul alege prima nu a dezactivat opțiunea care pot cauza greșeli de utilizator.
Implicit valoare goală
Fiecare producție de forma de validare, atunci valoarea goală nu ar trebui să fie o problemă. În acest fel am putea avea gol nu este necesar selectați.
Sintaxa XHTML atribute
`selectat="selectat"
sintaxa este singura modalitate de a fi compatibil atât cu XHTML și HTML 5. Este corect sintaxa XML și unii redactori poate fi fericit despre asta. Este mult mai compatibil. Nu am sentiment puternic despre acest lucru, dar în cazul de mai sus-menționat argumentele sunt cerințele dumneavoastră ar trebui să urmeze plin de sintaxă.
Dacă utilizați selectați cu unghiulară 1, atunci ai nevoie pentru a utiliza ng-init, în caz contrar, a doua opțiune nu va fi selectat din, ng-model înlocuiește defaul valoarea selectată
<select ng-model="sortVar" ng-init='sortVar="stargazers_count"'>
<option value="name">Name</option>
<option selected="selected" value="stargazers_count">Stars</option>
<option value="language">Language</option>
</select>
Acest cod stabilește valoarea implicită pentru HTML selectați elementul cu PHP.
<select name="hall" id="hall">
<?php
$default = 3;
$nr = 1;
while($nr < 10){
if($nr == $default){
echo "<option selected=\"selected\">". $nr ."</option>";
}
else{
echo "<option>". $nr ."</option>";
}
$nr++;
}
?>
</select>
Am folosit această funcție php pentru a genera opțiuni și introduceți-l într-meu HTML
<?php
# code to output a set of options for a numeric drop down list
# parameters: (start, end, step, format, default)
function numericoptions($start, $end, $step, $formatstring, $default)
{
$retstring = "";
for($i = $start; $i <= $end; $i = $i + $step)
{
$retstring = $retstring . '<OPTION ';
$retstring = $retstring . 'value="' . sprintf($formatstring,$i) . '"';
if($default == $i)
{
$retstring = $retstring . ' selected="selected"';
}
$retstring = $retstring . '>' . sprintf($formatstring,$i) . '</OPTION> ';
}
return $retstring;
}
?>
Și apoi, în pagina mea de cod folosesc de ea ca de mai jos;
<select id="endmin" name="endmin">
<?php echo numericoptions(0,55,5,'%02d',$endmin); ?>
</select>
Dacă $endmin este creat dintr-un _POST variabilă de fiecare dată când pagina este încărcată (și acest cod este în interiorul-o formă care să posturi) apoi anterior de valoarea selectată este selectată în mod implicit.
atribut valoare de <opțiune> tag-ul lipsește, așa că nu - 't arată ca u dorit este selectat. În mod implicit prima opțiune de afișare pe verticală de încărcare a paginii, dacă valoarea atribut este setat pe <opțiune> tag-ul.... Am rezolvat problema mea în acest fel
Mi-ar face pur și simplu selectați prima opțiune valoare implicită și doar ascunde faptul că valoarea în vertical cu HTML5's nou "ascunse" caracteristică. Astfel:
<select name="" id="">
<option hidden value="default">Select An Option</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
<option value="4">Four</option>
</select>
Eu folosesc
<select selected=''>
<option value=''></option>
<option value='1'>ccc</option>
<option value='2'>xxx</option>
<option value='3'>zzz</option>
<option value='4'>aaa</option>
<option value='5'>qqq</option>
<option value='6'>wwww</option>
</select>
Ai nevoie doar de a pune atribut "selectat" pe o anumită opțiune în loc directă pentru a selecta elementul.
Aici este un fragment pentru aceeași și multiple exemplu de lucru cu valori diferite.
Select Option 3 :-
<select name="hall" id="hall">
<option>1</option>
<option>2</option>
<option selected="selected">3</option>
<option>4</option>
<option>5</option>
</select>
<br/>
<br/>
<br/>
Select Option 5 :-
<select name="hall" id="hall">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option selected="selected">5</option>
</select>
<br/>
<br/>
<br/>
Select Option 2 :-
<select name="hall" id="hall">
<option>1</option>
<option selected="selected">2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>