JQuery选择值输出值

JQuery select value output value

本文关键字：输出 选择 JQuery      更新时间：2023-09-26

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

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

您应该使用.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>

相关文章：