js如何设置下拉框只读并且值可以传递

时间:2024-10-14 11:34:40

1、在html里,我们创建了一个form表单。

js如何设置下拉框只读并且值可以传递

2、表单里有一个select下拉框控件,但这个控件加上了disabled属性。

js如何设置下拉框只读并且值可以传递

3、运行页面,我们知道这个下拉框由于是disabled的,所以是不要更改下拉内容的,而且提交form时也会忽略这个控件的。

js如何设置下拉框只读并且值可以传递

4、为了解决提交表单里,把下拉框的内容也提交上去,我们先创建一个隐藏输入框。

js如何设置下拉框只读并且值可以传递

5、把隐藏输入框的name值和value值设置为和select下拉框一样的值。

js如何设置下拉框只读并且值可以传递

6、然后把select控件的name属性去掉。

js如何设置下拉框只读并且值可以传递

7、这样我们运行页面后,确埠颁犍虽然看到下拉框是不可点击的,但提交表单后,还是会把下拉菜单的值提交过去的,因为我们是用隐藏输入框的值来代替下拉框控件去提交的。

js如何设置下拉框只读并且值可以传递
© 手抄报圈