réglage de la zone de texte HTML fondées sur la valeur de l'option sélectionnée à l'aide de la fonction Javascript. Mais il semble ne pas fonctionner

C'est le bout de code javascript qui attribue la valeur de l'option sélectionnée pour une zone de texte

function check() {
 document.getElementById("inp").value=document.getElementById("id").value ;
}

ceci est le code html

<form>
<select id="id"  onSelect="check( );">
<option></option>
<option value=85.5>opt1</option>
<option value=95.5>opt2</option>
<option value=95.5>opt3</option>
<option value=95.5>opt4</option>
</select>
<input type=text name="input" id="inp">
</form>

Je l'Espère, suis fait à droite ,mais ne suis toujours pas en mesure d'obtenir ma solution

InformationsquelleAutor user2968845 | 2013-11-08
  1. 1

    Voici votre correction.

    Celui-ci fonctionne

    Je suppose que le résumé, c'est que vous devriez changer de onSelect à onChange.

    <script>
 function check() {
     document.getElementById("inp").value=document.getElementById("id").value;
    } 
 </script>
</head>
<body>
    <form>
        <select id="id"  onChange="check();">
        <option></option>
        <option value=85.5>opt1</option>
        <option value=95.5>opt2</option>
        <option value=95.5>opt3</option>
        <option value=95.5>opt4</option>
        </select>
    <input type=text name="input" id="inp" value="">
    </form>
</body>
    • et ne onChange="check(this)" de sorte que vous pouvez faire function check(theSel) { theSel.form.input.value=theSel.value } si elle doit être en ligne
    • Ne pas oublier que tout cela a pu être traitées beaucoup plus élégamment avec jQuery complètement
    • Oui. Exactement. jQuery toutes les choses
    • Nous avons donc charger un cadre pour être en mesure de faire $(function() { $("#id").on("change",function() { $("#inp").val($(this).val()) }); }); au lieu de window.onload=function() { document.getElementById("id").onchange=function() { this.form.input.value=this.value }} je ne suis pas vraiment convaincu que c'est nécessaire
    • Dépend, habituellement, il y a beaucoup plus de javascript va dans un site que ce que nous voyons dans ce petit extrait. Je suis sûr qu'il y aurait beaucoup plus si nous pouvions voir le site complet. Si, toutefois, c'est le seul endroit alors oui je ne recommanderais pas de jQuery, soit
    InformationsquelleAutor Nick
  2. 1

    En supposant que ce html

    <select id="id">
  <option value="">Please select</option>
  <option value="85.5">opt1</option>
  <option value="95.5">opt2</option>
  <option value="95.5">opt3</option>
  <option value="95.5">opt4</option>
</select>

    Vous pouvez utiliser JavaScript discret et les ajouter à la tête

    Plaine JS:

    window.onload=function() { 
  document.getElementById("id").onchange=function() {     
    this.form.input.value=this.value; 
  }
}

    Même en jQuery serait

    $(function() { 
  $("#id").on("change",function() { 
    $("#inp").val($(this).val()); 
  }); 
});

    Si vous DEVEZ le faire à la volée, puis

    <select id="id" onchange="this.form.input.value=this.value;">
    InformationsquelleAutor mplungjan
  3. 0

    Vous HTML a plusieurs questions ainsi que votre javascript

    Votre formaté en HTML

    <form>
<select id="id" onChange="check();">
    <option></option>
    <option value="85.5">opt1</option>
    <option value="95.5">opt2</option>
    <option value="95.5">opt3</option>
    <option value="95.5">opt4</option>
</select>
<input type="text" name="input" id="inp" />
</form>

    JS

    function check() {
    document.getElementById("inp").value = document.getElementById("id").value;
}

    Travail de DÉMONSTRATION

    En outre, vous devriez vous joindre à des valeurs comme la valeur="". Outre cela, pas de grands problèmes

    InformationsquelleAutor MarsOne