Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 选择选项始终选择_Javascript_Jquery_Html_Html Select - Fatal编程技术网

Javascript 选择选项始终选择

Javascript 选择选项始终选择,javascript,jquery,html,html-select,Javascript,Jquery,Html,Html Select,我有一个选择选项表单字段设置,如下所示: <select name="options[]" multiple="multiple"> <option value="1" selected="selected">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> <o

我有一个选择选项表单字段设置,如下所示:

<select name="options[]" multiple="multiple">
  <option value="1" selected="selected">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
  <option value="4">Option 4</option>
</select>

选择1
选择2
选择3
选择4
用户可以选择多个选项,但我希望选择第一个选项并始终保持选中状态。用户不应取消选择第一个选项,基本上使其成为必填字段

有可能这样做吗?我不介意使用JavaScript或Jquery来实现这一点,我已经尝试过将选项设置为“selected”和“disabled”,但用户仍然可以取消选择第一个选项

干杯

Eef

试试这样(jQuery):

试试这样的方法(jQuery):


每次进行选择时,您都必须(重新)选择该选项。我会使用onchange()处理程序。最好对UI进行一点修改,让用户知道它并不是真正可选的。并确保后端不依赖于所选择的选项,以防js关闭或出现错误。

每次选择时,您都必须(重新)选择该选项。我会使用onchange()处理程序。最好对UI进行一点修改,让用户知道它并不是真正可选的。并确保后端不依赖于所选的选项,以防js关闭或出现错误。

使用onclick或onchange事件:

select.onclick = function () {
    select.options[0].selected = true;
}

使用onclick或onchange事件:

select.onclick = function () {
    select.options[0].selected = true;
}

正如其他人提到的,每次他们更改选项时,您都可以(重新)选择该选项。但另一个需要注意的重要事项是,无论此表单用于什么用途(例如服务器端数据处理),都需要知道此规则才能使用。否则,用户只需访问您的站点,禁用javascript,然后选择您不希望他们拥有的选项。

正如其他人所提到的,您可以在每次更改该选项时(重新)选择该选项。但另一个需要注意的重要事项是,无论此表单用于什么用途(例如服务器端数据处理),都需要知道此规则才能使用。否则,用户只需访问您的站点,禁用javascript,然后选择您不希望他们拥有的选项。

我已经考虑到这一点,并对UI进行了重新设计,从长远来看,这将改善“用户体验”。ThanksI已经考虑到这一点,并对UI进行了重新设计,从长远来看,这将改善“用户体验”。感谢您应该为jQuery 1.6使用
.prop('selected',true)
,您应该为jQuery 1.6使用
.prop('selected',true)
+