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如何设置下拉框只读并且值可以传递
  • redhat /etc/profile文件修改怎么还原
  • weblogic被管节点启动报错transport error 202
  • windows server 2003 服务器怎么新建发布网站
  • 如何让网页中的JS函数自动执行
  • IDEA如何设置允许文本光标放置在行结尾后
  • 热门搜索
    世界读书日手抄报内容 历史手抄报图片 安全卫生手抄报 欢度国庆手抄报 爱国卫生月手抄报 我的2035年手抄报图片 欢欢喜喜过大年手抄报 吸烟有害健康的手抄报 节俭手抄报 庆元旦手抄报图片