如何改变 select 元素的值？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2694 天前的主题，其中的信息可能已经有所发展或是发生改变。

前台 html，用的是 springmvc form

<form:select id="goodSelectId" path="goodId" items="${goodsList}"
      itemLabel="name" itemValue="goodCode">
      <form:option value="">请选择商品</form:option>
</form:select>


<form:checkbox path="flag" id="flag" value="1"
      onchange="change(this, 'goodSelectId')"/> 低消产品

javascript 脚本函数：

    function change(self, targetId) {
        if ($(self).is(':checked')) {
            $("#" + targetId).attr("disabled", true);
            $("#" + targetId).val("");

        }
        else {
            $("#" + targetId).attr("disabled", false);
        }
    }

当下面的 checkbox 打钩后，要使得 select 元素的值为空我用$("#id").val(""); 但是发现不起作用传到后台“ goodId ”依然有值怎么回事？

第 1 条附言 · 2017-08-14 15:02:12 +08:00

我把脚本改成：

function change(self, targetId) {
if ($(self).is(':checked')) {
$("#" + targetId).attr("disabled", true);
$("#" + targetId).val("333");
alert(("#" + targetId).val());

}
else {
$("#" + targetId).attr("disabled", false);
}
}

alert 提示信息里是空的，而不是 333，连赋值都赋值不了，怎么回事？

2 条回复 • 2017-08-14 14:51:55 +08:00

2017-08-14 14:00:29 +08:00

试试 $("#id").removeAttr("value");

guyeuro

2017-08-14 14:51:55 +08:00

@oh 不行啊
奇怪，为何$("#id").val("");没用呢？