JQuery выбрать значение выходное значение

Question

Я хочу вывести значение в опции в поле входного значения. Так что, если я выбираю красный я хочу выводить красный в значении входного

$(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>

Answer 1

вы должны использовать .change() не 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>