jquery 怎样获取select多选下拉框所有选项的值

jquery 怎样获取select多选下拉框所有选项的值,第1张

val()函数获取select的属性。语法:

$(selector)val(value)

val() 方法返回或设置被选元素的值。元素的值是通过 value 属性设置的。该方法大多用于 input 元素。如果该方法未设置参数,则返回被选元素的当前值。

一、创建一个select元素:

二、创建如下获取属性函数:

三、结果获取:

扩展资料:

通过 val() 方法从 textarea 元素中取得的值是不含有回车(\r)字符的。但是如果该值是通过 XHR 传递给服务器的,回车(\r)字符会被保留(或者是被浏览器添加的,但是在原始数据中并不包含回车(\r))。可以使用下面的 valHook 方法解决这个问题:

参考资料:

jQuery API 中文文档 --val()

int nSel;

CString strBook;

CComboBox cmbBook;

nSel = cmbBookGetCurSel();//选中的索引

if(nSel != LB_ERR)

{

cmbBookGetLBText(nSel,strBook);//选中的内容保存到strBook中

}

CComboBox通用 *** 作:

GetCount 取得组合框的列表框中项的个数

GetCurSel 取得组合框的列表框中当前选中项(如果有的话)的下标

SetCurSel 在组合框的列表框中选择一个字符串

GetEditSel 取得组合框的编辑控件中当前选项的起止字符位置

SetEditSel 选中组合框的编辑控件中的字符

SetItemData 设置组合框中指定项的32位值

SetItemDataPtr 把组合框中指定项的32位值设置成一个指定的void型指针

GetItemData 检索应用为组合框的项提供的32位值

GetItemDataPtr 检索应用为组合框的项提供的32位值,返回一个void型指针

GetTopIndex 返回组合框中列表框的第一个可见项的下标

SetTopIndex 让组合框的列表框显示指定下标所在的项

SetHorizontalExtent 设置组合框中列表框的水平宽度(以像素为单位),如果列表超过该宽度,将需要用滚动条

GetHorizontalExtent 返回组合框中列表框的水平宽度(以像素为单位)

SetDroppedWidth 设置组合框中下拉列表允许的最小宽度

GetDroppedWidth 返回组合框中下拉列表允许的最小宽度

Clear 删除编辑控件中的当前选择(如果有的话)

Copy 以CF_TEXT格式拷贝编辑控件中的当前选择(如果有的话)到剪贴板

Cut 删除编辑控件中的选择项(如果有的话),并把删除的内容以CF_TEXT格式拷贝到剪贴板

Paste 在编辑控件中的当前位置粘贴剪贴板中的内容。仅当剪贴板中的数据是CF_TEXT格式的才会真正插入

LimitText 设置用户可以在组合框的编辑控件中输入的文本的最大长度

SetItemHeight 设置组合宽中列表框的项的高度或编辑控件(或静态控件)中文本的高度

GetItemHeight 取得组合框中列表项的高度

GetLBText 从组合框的列表框中取得一个字符串

GetLBTextLen 取得组合框的列表框中某个字符串的长度

ShowDropDown 显示或者隐藏风格为CBS_DROPDOWN或CBS_DROPDOWNLIST的组合框的列表框

GetDroppedControlRect 取得组合框中可见(已经下拉)的列表框的屏幕坐标

GetDroppedState 检测组合框的列表框是否可见(是否已经下拉)

SetExtendedUI 选择风格为CBS_DROPDOWN或CBS_DROPDOWNLIST的组合框中的列表框的缺省用户接口或扩展用户接口

GetExtendedUI 检测组合框的用户接口是缺省的还是扩展的

GetLocale 取得组合框的定位标记

SetLocale 设置组合框的定位标记

function getSelectedText(name){

var obj=documentgetElementById(name);

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

return obj[i]innerText; //关键是通过option对象的innerText属性获取到选项文本

}

}

jsp获取下拉列表的值并显示:

参考例子:

<%@ page language="java" import="javautil" pageEncoding="GB18030"%>

<%

 requestsetCharacterEncoding("GB18030");//加上这一句解决的 

 String path = requestgetContextPath();

 String basePath = requestgetScheme() + "://"

   + requestgetServerName() + ":" + requestgetServerPort()

   + path + "/";

 //存放下来菜单对应值的数组

 ArrayList nu = new ArrayList();

 nuadd("一");

 nuadd("二");

 nuadd("三");

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 401 Transitional//EN">

<html>

 <head>

  <base href="<%=basePath%>">

  <title>My JSP 'testselectjsp' starting page</title>

 </head>

 <body>

  通过requestgetParameter("number")方法取得下拉框选取的值

  <form method=post action="testselectjsp">   <!-- 提交给自身 -->

   <select name=number>

    <%

     for (int i = 0; i < nusize(); i++) {

      outprint("<option>" + nuget(i) + "</option>");

     }

    %>

   </select>

   <input type="submit" value="提交" name="submit">

  </form>

 </body>

 <%

  //取得提交的数字,并显示 

  String n = (String) requestgetParameter("number");

  outprint("选的值是:" + n);

 %>

</html>

运行效果:

你的下拉框肯定有一个value吧 这个value就是它的值。要是在js中就用getParmartById()但是你必须设定下拉框的ID,要是在action中就用getParameterNames()没记错的话就是这个 。拾荒者 的感言: 我找到解决办法了,谢谢你的回答 2010-01-13满意答案 热心问友 2010-01-12下拉框的html代码是<select name="aa"><option value="bb">bb</option><option value="cc">cc</option></select>传到新的页面,你可以通过name(这里是aa)来取得选定的option的value 追问: String s[]=requestgetParameterValues("select");outprint(s);这样可以吗? 打印不出正确的东西 回答: 这个不是数组呀 追问: 不用数组,直接用String定义吗?我那样用的好像不行啊!Type mismatch: cannot convert from String[] to String12:13: </table>14: <%15: String s=requestgetParameterValues("sort");16: outprint(s);17: %>回答: 你的HTML代码给我看看 追问: <form method="POST" action="searchjsp"><td width="20%" bgcolor=#E0E0E0> <div align="right"><font color=#ff7300 size=4><b>Search&nbsp&nbsp&nbsp</div></td><td width="60%" bgcolor=#E0E0E0><select name="sort" id="sort"><option value=0>选择分类</option><%sql="select from Nsort order by Nsort_id asc";rs=mdbexecuteQuery(sql);int va=0;if(!rsnext()){;}elsedo{%><option value=<%=++va%>> <%=rsgetString("Nsort_name")%> </option><%} while(rsnext());%></select>&nbsp&nbsp&nbsp <input name="key_word" type="text" class=input id="" style="FONT-SIZE: 20px; WIDTH: 300px;HEIGHT:24px"size="50" maxlength="50">&nbsp&nbsp&nbsp&nbsp<input type="image" border="0" name="imageField" src="img/serarchgif" width="34" height="20"><td width="20%" bgcolor=#E0E0E0><font color=blue><img src=img/ordergif>您的购物车内共有 件产品</div></td></form>search中的:<%

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

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

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

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

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

6

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

需要设置下name属性获取下即可。

用js获得列表选择的值,传到后端处理,后端根据这个值再从数据表或配置文件中找到对应的访问密码,IP地址。

php不能直接获取到要通过JS代码才行。

以上就是关于jquery 怎样获取select多选下拉框所有选项的值全部的内容,包括:jquery 怎样获取select多选下拉框所有选项的值、VC中如何获得选中的下拉列表框中的值、用HTML语言怎么获取下拉列表框中的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/9833469.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-02
下一篇2023-05-02

发表评论

登录后才能评论

评论列表(0条)

    保存