2016-04-14 17 views
0

Ich möchte den Wert in Option im Eingabewertfeld ausgeben. Also, wenn ich rot wählen möchte ich Ausgang rot im EingangswertJQuery Wert Wert Ausgangswert auswählen

$(document).ready(function(){ 
 
    $("select").click(function(){ 
 
     $("input:text").val($this); 
 
    }); 
 
});
<select> 
 
    <option value="red">red</option> 
 
    <option value="black">black</option> 
 
    <option value="blue">blue</option> 
 
</select> 
 
<input type="text" id="input" value=""> 
 
<div id="output"></div>

+2

'$ (“ verwenden sollten, input: text "). val ($ (this) .val());' - Es gibt kein '$ this' in Der Change-Event-Handler, Sie können den Wert der Select-Eingabe mit '$ (this) .val()' abrufen –

Antwort

0

Sie .change() nicht click()

$(document).ready(function(){ 
 
    $("select").change(function(){ 
 
     $("input[type=text]").val($(this).val()); 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select> 
 
    <option value="red">red</option> 
 
    <option value="black">black</option> 
 
    <option value="blue">blue</option> 
 
</select> 
 
<input type="text" id="input" value=""> 
 
<div id="output"></div>

Verwandte Themen