首先代码是这样的
<select id="test" multiple="true" size="10">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
然后我调用在每次提交表单时让所有option选中
$("#test option").attr({"selected":"true"});
但我有一个操作是可以删掉多余的option
$("#test option:selected").remove();
然后就发现每次提交表单的时候option虽然已经设置了selected=“ture”但并没有提交到后台
解决方法:换成prop的方式设置即可
$("#info option").prop({"selected":true});
prop和attr的区分:
- 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。
- 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。