JQuery选择值输出值[重复]答案

【问题标题】：JQuery select value output value [duplicate]JQuery选择值输出值[重复]
【发布时间】：2016-08-06 03:18:14
【问题描述】：

我希望在输入值字段中输出选项中的值。所以如果我选择红色，我希望在输入值中输出红色

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

【问题讨论】：

$("input:text").val($(this).val()); - 更改事件处理程序中没有$this，您可以使用$(this).val()获取选择输入的值

标签： javascript jquery

【解决方案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>

【讨论】：