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>