0

私はjspページを持っています。数値選択リストがあります。デフォルト値がありますが、それは動的に生成されます。テキストフィールドもあります。選択リストから選択したオプションとまったく同じように、テキストフィールドを自動的に入力する必要があります。私はそれを行うためにjqueryを使用しています。

しかし、jsp ページが読み込まれると、選択リストはデフォルト値で表示されますが、テキスト フィールドは空白です。オプションを変更した場合にのみ、選択したオプションでテキストフィールドがいっぱいになります。ページが読み込まれると、選択リストと同様に動的に生成されたオプションでテキスト フィールドも埋められるようにしたいと考えています。

スクリプトタグ内のjqueryの私のコードは次のとおりです。

$(document).ready(function(){
                $("#select_id").change(function() {
                    $("#textfield_id").val($("#select_id option:selected").text());
                });});

誰でも私が何をすべきかを提案できますか?

4

2 に答える 2

1 
$(document).ready(function() {
    $("#select_id").change(function() {

         // this -> refers to the select field

        $("#textfield_id").val( this.value );
        // or
        $("#textfield_id").val( $('option:selected', this).text() );
    }).change(); // .change() is for trigger an initial change event after page load
                 // to update the textfield value
});
于 2012-07-16T09:16:18.973 に答える
0

名前が示すよう.change()に、要素の値が変更された場合にのみ発生します。変更イベントにバインドする前に、ドロップダウン リストの値が DOM の準備ができているものにテキスト フィールドを初期化するだけです。また、フォーム要素の値を取得/設定するためにjQueryメソッドを使用することを検討してください。.val()

$(document).ready(function(){

    $("#textfield_id").val($("#select_id").val());

    $("#select_id").change(function() {
        $("#textfield_id").val($(this).val());
    });
});
于 2012-07-16T09:17:13.093 に答える