如何获取多个下拉框的值

 时间:2026-02-12 00:02:00

1、先看下我们的html代码,主要是由二个下拉框select控件,和一个按钮。

要注意的是我们的下拉框是有id的。

如何获取多个下拉框的值

2、需要用到jquery来方便操作,所以先引入Jquery脚本文件。

如何获取多个下拉框的值

3、然后写上JS逻辑,在按钮点击时,触发获取下拉框的值。

通过Jquery,来获取多个select下拉框的值,主要是通过id去分别获取不同的下拉框。所以无论有多少个下拉框都能分别获取到值。

代码如图

如何获取多个下拉框的值

4、运行页面,可以看到现在二个下拉框所选的值,点击‘获取’按钮。

如何获取多个下拉框的值

5、点击后,我们就通过JS的逻辑,获取到二个下拉框的值了。

如何获取多个下拉框的值

1、如果需要在后台获取多个下拉框的值。我们可以通过name属性来区分。html修改成如图所示。

如何获取多个下拉框的值

2、后台代码,这里以PHP为例。

通过全局变量$_REQUEST我们就可以获取到客户端from提交过来的值了,通过不同的name,可以获取到对应的值,所以为不同的下拉框写上不同的name,我们就可以获取到多个下拉框的值。

$sel1 = $_REQUEST['sel1'];$sel2 = $_REQUEST['sel2'];

........

如何获取多个下拉框的值

3、运行页面,记住我们现在下拉框的值。点击提交按钮,提交到服务器。

如何获取多个下拉框的值

4、服务器返回输出数据,可以看到,同样可以获取到多个下拉框的值。

如何获取多个下拉框的值

  • js如何改变div的背景图片
  • js设置input的value值
  • jdbc中Resultset获取日期时间类型的几种方法
  • SVN提交时Apply patch的相关调试
  • jquery如何为元素绑定多个事件
  • 热门搜索
    左眼皮老跳是怎么回事 海鲜面的做法 凉拌海带丝的做法 鸡蛋汤的家常做法 简单小吃的做法100种 煎茄子的家常做法 阑尾炎是怎么引起的 贲怎么读 金针菇汤的做法 粘豆包的做法