dllst Datasource = list;dllstDisplayMember = "字段①";dllstvalueMember = "字段②";这样就可以设置下拉列表框的显示值和隐藏值。你试试吧。。
分别使用javascript原生的方法和jquery方法
<select id="test" name="">
<option value="1">text1</option>
<option value="2">text2</option>
</select>
code:
一:javascript原生的方法
1:拿到select对象: var myselect=documentgetElementById("test");
2:拿到选中项的索引:var index=myselectselectedIndex ; // selectedIndex代表的是你所选中项的index
3:拿到选中项options的value: myselectoptions[index]value;
4:拿到选中项options的text: myselectoptions[index]text;
二:jquery方法(前提是已经加载了jquery库)
1:var options=$("#test option:selected"); //获取选中的项
2:alert(optionsval()); //拿到选中项的值
3:alert(optionstext()); //拿到选中项的文本
val()函数获取select的属性。语法:
$(selector)val(value)
val() 方法返回或设置被选元素的值。元素的值是通过 value 属性设置的。该方法大多用于 input 元素。如果该方法未设置参数,则返回被选元素的当前值。
一、创建一个select元素:
二、创建如下获取属性函数:
三、结果获取:
扩展资料:
通过 val() 方法从 textarea 元素中取得的值是不含有回车(\r)字符的。但是如果该值是通过 XHR 传递给服务器的,回车(\r)字符会被保留(或者是被浏览器添加的,但是在原始数据中并不包含回车(\r))。可以使用下面的 valHook 方法解决这个问题:
参考资料:
<!doctype html><html><head><!--获得下拉列表中的选中值--><style></style><script>function test(){var tes=documentgetElementById("tes");//获取select元素alert(tesoptions["内容值:"+tesselectedIndex]innerHTML+"元素值"+tesoptions[tesselectedIndex]value);//通过selectedIndex获得选中的选项的下标,再通过options[]集合获取选中的option元素}</script><meta charset="UTF-8"></head><body><select id="tes" onchange="test()"><!--选项值改变时触发onchange()事件--><option value="帅哥" checked="checked" id="test1">帅哥</option><option value="美女" id="test2">美女</option><option value="ladybody" id="test3">ladybody</option></select></body></html>
参考资料
csdncsdn[引用时间2018-1-25]
JavaScript中可以用for循环提取下拉框中的值,关键代码如下:
obj = documentgetElementById("select_id"); // 获取select对象str = "";
for(i=0;i<objoptionslength;i++){ // objoptionslength表示下拉选项数目
str += objoptions[i]text; // objoptions[i]text表示第i+1个下拉项目的文本
}
下面进行实例演示:
1、Html结构
<select id="test"><option value="1">刘备</option>
<option value="2">关羽</option>
<option value="3">张飞</option>
</select><br>
<input type='button' value='获取select所有选项' onclick="fun()"/>
2、jquery代码
function fun(){obj = documentgetElementById("test");
str = "";
for(i=0;i<objoptionslength;i++){
str += objoptions[i]text;
}
alert(str);
}
3、观察效果
以上就是关于C#窗体问题,选中text值后如何获取下拉框的value值全部的内容,包括:C#窗体问题,选中text值后如何获取下拉框的value值、如何获取html下拉菜单中被选中的项的值、jquery 怎样获取select多选下拉框所有选项的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)