Cum pot seta valoarea implicită pentru un HTML <selectați> element?

Set selectat="selectat" pentru opțiunea pe care doriți să fie implicită.

3

Î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>
  Choose here
  One
  Two
  Three
  Four
  Five

Exemplu complet:

<select name="hall" id="hall"> 

    1 


    2 


    3 


    4 


    5 

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">
  Apple
  Banana
  Cranberry

Poti face astfel:

<select name="hall" id="hall">
     1 
     2 
     3 
     4 
     5 

dacă doriți să utilizați valorile dintr-un Formular și să-l păstrați dinamic încercați acest lucru cu php

<?php
    $selected = $_POST['select'];
?>

<select name="select" size="1">

  >1
  >2

Eu o prefer pe asta:

<select>
   Choose here
   One
   Two
   Three
   Four
   Five

O îmbunătățire pentru [nobita][1]'s a răspunde. De asemenea, vă puteți îmbunătăți de vedere vizual din lista drop-down, prin ascunderea element 'Alege'.

<select>
  Choose here
  One
  Two
  Three
  Four
  Five

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>
  Volvo
 Saab
 VW
 Audi 

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>

Dacă sunteți în reacționa puteți folosi defaultValue` ca atribut în loc de "valoare" în tag-ul select.

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"'>
  Name
  Stars
  Language

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 "". $nr ."";
        }
        else{
            echo "". $nr ."";
        }
        $nr++;
    }
?>

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 

Ș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); ?>

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="">
     Select An Option
     One
     Two
     Three
     Four

Puteți folosi:

Some Value

în loc de,

Some Value

ambele sunt la fel de corecte.

Eu folosesc

<select selected=''>

    ccc
    xxx
    zzz
    aaa
    qqq
    wwww

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">
    1
    2
    3
    4
    5

    1
    2
    3
    4
    5

    1
    2
    3
    4
    5