C#窗体问题,选中text值后如何获取下拉框的value值

C#窗体问题,选中text值后如何获取下拉框的value值,第1张

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 方法解决这个问题:

参考资料:

jQuery API 中文文档 --val()

<!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多选下拉框所有选项的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9330425.html

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

发表评论

登录后才能评论

评论列表(0条)

保存