如何将jQuery选中的元素设置为不可编辑？

本文共计459个文字，预计阅读时间需要2分钟。

在 jQuery 中，如果 `select` 元素不可编辑，可以通过以下步骤解决：

1. 打开相关的 JavaScript 代码文件。

2.将 `select` 框架转换为 `input` 元素。

3.移除 `readonly` 属性。

具体代码如下：

javascript

// 1. 打开相应的js文件// 2. 找到select元素，并转换为input元素$('#yourSelectElement').each(function() { var select=$(this); var input=$('', { type: 'text', value: select.val(), readonly: 'readonly' });

select.replaceWith(input);});

请注意，此代码应在具备 jQuery 3.2.1 版本的 Windows 7 系统上的 Dell G3 笔记本电脑中使用。

jquery select不可编辑的解决办法：1、打开相应的js代码文件；2、把下拉框换成input；3、把“readonly="readonly"”去除即可。

本文操作环境：windows7系统、jquery3.2.1版、DELL G3电脑

jquery select 不可编辑怎么办？

js、jquery完美解决下拉框select不可编辑但可传值

//鼠标移入下拉框将其锁定不可用 $('#下拉框ID').mouseenter(function() { $('#下拉框ID').attr("disabled","true"); }); //移入其他地方锁定解除（本想设置成移出下拉框锁定解除，但不生效，只能改为移入其他地方，大佬可解答下？） $("*[id!='下拉框ID']").mouseenter(function() { $('#下拉框ID').removeAttr("disabled"); });

如果允许的话，把下拉框换成input利用list属性

<div class="changeDiv"> <a>性别:</a> <input id="sex" type="text" list="sexlist" readonly="readonly"> <datalist id="sexlist"> <option>男生</option> <option>女生</option> </datalist> </div>

把readonly="readonly"去除就是个可编辑的可联想的下拉框，保留则不可编辑

推荐学习：《jquery视频教程》