2012-07-16 82 views
0

我有一個jsp頁面。 我有一個數字選擇列表。誰有一些默認值,但是是動態生成的。 我也有一個文本字段。 我希望文本字段應該完全按照選擇列表中選定的選項自動填充。我正在使用jQuery來做到這一點。如何正確填寫選擇列表中選定的選項..?

但我看到,當jsp頁面加載時,選擇列表有其默認值,但文本字段爲空。只有當我更改選項時,文本字段纔會填充選定的選項。我希望當頁面加載文本字段時,也可以像選擇列表一樣填充動態生成的選項。

我的腳本標籤中的jQuery代碼:

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

任何一個可以建議我應該怎麼辦?簡單地初始化文本字段無論下拉列表中的值在DOM準備綁定到前 -

+0

一些人能解決這個問題以及..感謝.. http://stackoverflow.com/questions/11641662/doccookie-is-not-getting-saved-instantly – codeofnode 2012-07-25 12:04:07

回答

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 
}); 
0

喜歡這個名字所暗示的,.change()當元素的值更改只會被解僱變化事件。另外,請考慮使用jQuery .val()方法獲取/設置表單元素的值。

$(document).ready(function(){ 

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

    $("#select_id").change(function() { 
     $("#textfield_id").val($(this).val()); 
    }); 
}); 
相關問題