如何在JSP页面中获取下拉列表的值

使用iterator标签就可以了。

<seclect >

<logic:notEmpty name="catalog">

//id属性为catalog集合中的当前元素起一个别名

<logic:iterate id="li" name="catalog">

<option>

<bean:write name="li" property="name"/></option>

</logic:iterate>

</logic:notEmpty>

</seclect>

1：js取值 //获取下拉列表选中项的值 代码如下 function getSelectedValue(name){ var obj=documentgetElementById(name); return objvalue; //直接用其对象的value属性便可获取到 } 2：获取文本值 代码如下 1 2 3 var ById = documentgetEle

<select id="the_select">

<option value="1">1</option>

<option value="2">2</option>

<option value="3">3</option>

<option value="4">4</option>

</select>

如果你要获取value值$("#the_select option:first")val();

要获取文本值$("#the_select option:first")text();

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

实例演示如下：

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>

参考如下代码

$("select")val(); // 选中项目的value值

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

示例如下：

创建Html元素

请选择：

<select id="sel">

<option value="1">选项1</option>

<option value="2">选项2</option>

<option value="3">选项3</option>

<option value="4">选项4</option>

</select>

<input type="button" value="被选项目">

编写jquery代码

$(function(){

$("input")click(function() {

a = $("#sel")val();

b = $("#sel option:checked")text();

alert("被选项目的值："+a+"，被选项目的显示值："+b+"。");

});

})

显示效果

以上就是关于如何在JSP页面中获取下拉列表的值全部的内容，包括:如何在JSP页面中获取下拉列表的值、jquery中怎么获得下拉列表中选中的value值代码、jquery 获取下拉列表第一项的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！