http://www.yuyong.net

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

电脑现已成为我们工作、生活和娱乐必不可少的工具了,在使用电脑的过程中,可能会遇到js如何设置下拉框只读并且值可以传递的问题,如果我们遇到了js如何设置下拉框只读并且值可...

电脑现已成为我们工作、生活和娱乐必不可少的工具了,在使用电脑的过程中,可能会遇到js如何设置下拉框只读并且值可以传递的问题,如果我们遇到了js如何设置下拉框只读并且值可以传递的情况,该怎么处理怎么才能解决js如何设置下拉框只读并且值可以传递带来的困扰呢,对于这样的问题其实我们只需要在html里,我们创建了一个form表单。表单里有一个select下拉框控件,但这个控件加上了disabled属性。运行页面,我们知道这个下拉框由于是disabled的,所以是不要更改下拉内容的,而且提交form时也会忽略这个控件的。为了解决提交表单里,把下拉框的内容也提交上去,我们先创建一个隐藏输入框。把隐藏输入框的name值和value值设置为和select下拉框一样的值。然后把select控这样就解决了这样的问题,接下来给大家带来js如何设置下拉框只读并且值可以传递的详细操作步骤。

方法/步骤

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

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

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

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

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

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

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

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

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

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

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

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

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

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

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。