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 回答