HTML – Mettere SELEZIONARE il contenuto del tag INPUT type = “text”

Ho un form in una pagina web in cui vorrei mettere l’elemento selezionato in un elenco a discesa in un testbox. Il codice che ho fino ad ora è la seguente:

            <form action = "">
                <select name = "Cities">
                  <option value="----">--Select--</option>
                  <option value="roma">Roma</option>
                  <option value="torino">Torino</option>
                  <option value="milan">Milan</option>
                </select>
                <br/>
                <br/>
                <input type="button" value="Test">
                <input type="text" name="SelectedCity" value="" />
            </form>

Penso che ho bisogno di usare javascript …. ma qualsiasi aiuto? 🙂

grazie

InformationsquelleAutor mouthpiec | 2010-03-29

3 risposte

  1. 4

    È possibile aggiungere codice JavaScript direttamente nel pulsante:

    <input type="button" onclick="
        var s = this.form.elements['Cities'];
        this.form.elements['SelectedCity'].value =
          s.options[s.selectedIndex].textContent">
    grazie .. questo lavoro quando uno cambia il valore dell’elenco a discesa, ma ho bisogno di mettere il valore una volta che premo il pulsante
    Ignorare precedente aggiornamento, ho letto male. Ora dovrebbe funzionare come si deve.

    InformationsquelleAutor jholster

  2. 2
     <script type="text/javascript">
        function OnDropDownChange(dropDown) {
            var selectedValue = dropDown.options[dropDown.selectedIndex].value;
            document.getElementById("txtSelectedCity").value = selectedValue;
        }
     </script>
    
            <form action = "">
                <select name = "Cities" onChange="OnDropDownChange(this);">
                  <option value="----">--Select--</option>
                  <option value="roma">Roma</option>
                  <option value="torino">Torino</option>
                  <option value="milan">Milan</option>
                </select>
                <br/>
                <br/>
                <input type="button" value="Test">
                <input type="text" id="txtSelectedCity" name="SelectedCity" value="" />
            </form>
    Non devi prefisso inline gestori di eventi con javascript:.
    Nota anche che getElementsByName() restituisce una lista invece di un singolo nodo, quindi, è necessario per accedere al primo elemento di esso: .getElementsByName('SelectedCity')[0].value = ...
    Hai ragione, grazie per la segnalazione. Rimosso il prefisso “javascript:” e anche modificato lo script in modo che si può afferrare da l’esatta elemento con tale ID invece di un elenco di elementi.

    InformationsquelleAutor Dekryptid

  3. 2

    In realtà non avete bisogno di JS per fare questo, semplicemente HTML può fare per voi, come segue:

    <form action="a.php" method="post">
      <select name = "Car">
        <option value="BMW">BMW</option>
        <option value="AUDI">AUDI</option>
      </select>
      <input type="submit" value="Submit">
    </form>

    InformationsquelleAutor Sabbir

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *