jquery - 如何自动将下拉列表中选定选项的值复制到文本中。使用 jQuery

Question

可能重复：
基于所选选项值的表单输入值

我有一个下拉列表。我希望每当我从下拉列表中选择一个值时，所选值都会自动复制到相同形式的文本框中。我想使用 jQuery 而不仅仅是其他简单的 Javascript 方法。

表格的代码是：

<s:form action="okadddqs" method="post" cssClass="text">
    <s:select label="Correct Option :" 
        id="opc"
        name="opc"       
        list="#@java.util.LinkedHashMap@{'One':'One', 'Two':'Two','Three':'Three','Four':'Four','Five':'Five'}"/>
    <s:textfield label="Choosed Option" id="cname" name="cname"/>
    <s:submit value="Submit now"/>

我cname想用 的选定值自动填充opc。我该如何实施？

Answer 1

我不确定元素的名称或其他选择器，因此这是实现您正在寻找的通用方法：

$('select').change(function () {
  var el = $(this);

  el.closest('form').find('input[type=text]').val( el.val() );

});

Answer 2

$(document).ready(function(){
    $("#opc").change(function(){
        $("#cname").val($(this).find("option:selected").text());
    });

});

演示