javascript:更改"多个" "选择"的属性元素不起作用

时间:2017-09-28 10:15:32

标签: javascript select

Windows 7 64位,Chrome版本61.0.3163.100

我有一个带有列表框的html页面:

<select id='lst' multiple>...</select>

我需要为此列表框禁用多个项目选择。 我有一个使用此代码的javascript函数:

lst = document.getElementById('lst');
lst.multipe = false;

我已检入调试器 - 值已更改为&#34; false&#34;。 但在另一个名为&#34; onclick&#34;的函数中,它是&#34; true&#34;再次。 可以通过按[shift]或[ctrl]选择多个项目。

2 个答案:

答案 0 :(得分:3)

multiple属性是一个布尔属性,根据HTML specification

  

元素上存在布尔属性表示true   value,缺少属性表示false值。

改为使用removeAttribute()

const element = document.getElementById('select');
element.removeAttribute('multiple');
<select id="select" multiple>
  <option>One</option>
  <option>Two</option>
  <option>Three</option>
</select>

答案 1 :(得分:1)

&#13;
&#13;
IStorageContext
&#13;
TypeNotFound
&#13;
&#13;
&#13;

多个是基于状态,因此如果需要,您需要删除或设置它。