html中的select下拉菜单vaule的功能是啥?

Posted 2023-02-24

select是表单元素中下拉框，主要是用于将客户的选择项值，传递到后台，进行相应的返回

其中，value的值就是传递到处理文件的值，下面我们以两个文件为例

1）新建一个完整的表单（1.html），有select选项，分别设置不同的值传递，例如星期三，value对应的值是3

2）处理文件（2.html）

（备注，此处用html文件代替演示，实际中可以是js文件，php文件，或者是java后台等等

还可以根据用户的输入操作数据库，例如用户登陆的时候的用户名和密码，表单提交，查询数据库，返回相应是否成功的界面）

3）运行1.html文件，选择星期三，选择提交

4）点击提交之后跳转到2.html文件

5）在浏览器的地址部分，可以看到s1=3的值

后台处理文件，可以获取这个值，根据程序约定，s1=3传递到后台就是客户选择了星期三，应对此做出对应的处理

总结：select的value值，主要是用作表单提交的时候，数据值的传递！

参考技术A 就是当前option标签里 value属性的值。当你选择了某一项时，select对象的值就是它了。比如
<select id = "myselect">
<option value = "a">abc</option>
<option value = "b">efg</option>
<option value = "c">hij</option>
</select>
当选择了abc时，JS脚本里 document.getElementById("myselect").value 的值就是a,
当选择了efg时，JS脚本里 document.getElementById("myselect").value 的值就是b,
当选择了hij时，JS脚本里 document.getElementById("myselect").value 的值就是c

楼主，应该明白了吧？呵呵本回答被提问者采纳 参考技术B select 是下拉菜单 下拉的项目当中 你只能选择一项

而value 的功能 就是 告诉程序 你选择了那一项，想从那一项获取什么样的信息

比如 性别 下拉菜单 value的功能 就是 告诉程序 你选择的是 男 还是女 参考技术C 没明白你的意思。追问

感觉它没什么用啊，难道是把value的值传递给里面的shuzi这个变量吗？

追答

请问你有学过 PHP JSP 或者 ASP 等脚本语言吗？
如果你学过了，自然就明白了这个 select 里面value的含义
其实很简单，他的value其实是告诉了程序用户所选择的的下拉框的值
然而在 脚本语言中 就可以使用 这个里面的name来获取到 这个选择框所选中的值，这样用户就能够跟网站程序进行交互。
流程是
用户选择 -> select 中的任意一个option -> 提交表单 也就是form ->后台程序获取 name="shuzi"所选的值，返回结果给用户

参考技术D value 属性为 input 元素设定值。
对于不同的输入类型，value 属性的用法也不同：
type="button", "reset", "submit" - 定义按钮上的显示的文本内容
type="text", "password", "hidden" - 定义输入框中字段的初始值
type="checkbox", "radio", "image" - 定义与输入相关联的值类型
<input type="checkbox"> 和 <input type="radio"> 中必须设置 value 属性。
value 属性无法与 <input type="file"> 一同使用。

一般就这么多html中的value select 目前还没见过用value的追问

无语了
怎么没有了呢

1
2

这里不就用到了吗？只是不明白这里的value有什么具体的用处

追答

我查了一下手册，是这样写的
option 的可选属性
属性 值 描述
value text 定义送往服务器的选项值