form提交后，action中怎么获取select下拉框的选中值

答案是不能因为浏览器只会把value的值发送到服务器,而不会发送显示的文本

要么你把值和文本都写在value属性中,一起提交后再拆分

要么接收值,然后通过值换算出文本,当然,这需要文本与值有一对一的对应关系

第一步，创建静态页面selecthtml，引入select2相关的css和js文件，并引入jQuery核心js，如下图所示：

第二步，在body标签内插入select元素，设置属性multiple和class，宽度为300px，如下图所示：

第三步，初始化select2插件，需要调用select2()方法，如下图所示：

第四步，为了演示获取下拉框值，这里利用button按钮点击事件，在select下方插入一个button按钮，如下图所示：

5

第五步，编写按钮点击事件，事件里获取多选下拉框值和文本内容，如下图所示：

6

第六步，在浏览器中进行预览，点击“取值”按钮，会看到打印下拉框选择的值和文字，如下图所示：

通过获取元素的text实现功能。关键的两个jquery函数为：

$("select")val();  // 选中项目的value值。$("select option:checked")text(); // 选中项目的显示值。

实例演示如下：

1、设计简单的一个下拉框代码，包括男女两个值。代码如下：

此时页面展示效果如下：

2、设计一个函数，通过点击按钮，将当前选中的下拉框的值和显示的文字，都选取出来，并分别赋值给两个input，函数代码如下：

此时，选取男，然后点击，展示效果如下：

如果选择女，展示效果如下：

扩展资料：

带有预先选定的选项的下拉列表：HTML <option> 标签的 selected 属性。

定义和用法：

selected 属性规定在页面加载时预先选定该选项。被预选的选项会显示在下拉列表最前面的位置，也可以在页面加载后通过 JavaScript 设置 selected 属性。

实例：

<select>

<option>Volvo</option>

<option selected="selected">Saab</option>

<option>Mercedes</option>

<option>Audi</option>

</select>

方法：获取多选下拉框对象数组→循环判断option选项的selected属性（true为选中，false为未选中）→使用value属性取出选中项的值。实例演示如下：

1、HTML结构

<select id="test" multiple="true">

<option value="option-A">option-A</option>  

<option value="option-B">option-B</option>

<option value="option-C">option-C</option> 

<option value="option-D">option-D</option>

</select>

<input type="button" value="确定" onclick="fun()" />

2、javascript代码

function fun(){

var select = documentgetElementById("test");

var str = [];

for(i=0;i<selectlength;i++){

if(selectoptions[i]selected){

strpush(select[i]value);

}

}

alert(str);

}

3、效果演示

你得先选中其中一个

在提交到servlet，没有提交你肯定获取空值，string

em_typework=requestgetparameter("em_typework");建议你在servlet里打印下这个字符串，你要先判断你获取的这个字符串是不是空值，这么取值是对的，不可能取不到，你是直接提交到这个页面的吗，你不能提交到别的servlet在到取值的这个servlet，因为下拉框的这个值是放在request的作用域里的

以上就是关于form提交后，action中怎么获取select下拉框的选中值全部的内容，包括:form提交后，action中怎么获取select下拉框的选中值、如何使select2插件下拉框多选并获取选中的值、如何通过JQUERY获得下拉框的显示值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！