-1

重複の可能性:
選択したオプション値に基づくフォーム入力値

ドロップダウンリストがあります。ドロップダウンから値を選択するたびに、選択した値が同じフォームのテキスト ボックスに自動的にコピーされるようにします。私は単に他の単純な Javascript メソッドではなく、jQuery を利用したいと考えています。

フォームのコードは次のとおりです。

<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。これを実装するにはどうすればよいですか？

4

2 に答える 2

3

要素の名前やその他のセレクターについてはよくわかりません。そのため、探しているものを達成するための一般的な方法を次に示します。

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

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

});
于 2012-07-14T03:04:38.950 に答える
1 
$(document).ready(function(){
    $("#opc").change(function(){
        $("#cname").val($(this).find("option:selected").text());
    });

});

デモ

于 2012-07-14T14:05:17.960 に答える