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>