JQuery选择值输出值[重复]

Posted 2023-03-11

【中文标题】JQuery选择值输出值[重复]

【英文标题】：JQuery select value output value [duplicate]

【发布时间】：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()获取选择输入的值

【参考方案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>