Question

可能重复：
Form input value based on option value selected

我有一个下拉列表。我希望每当我从下拉列表中选择一个值时，所选值将自动复制到相同表单的文本框中。我想使用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());
    });

});

DEMO

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

2 个答案: