一：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()); //拿到选中项的文本
js获取下拉列表框文本值，例如下面的HTML代码：
<select onchange="isSelected(thisvalue);" id="city"><option
value="1">北京</option>
<option value="2" >上海</option>
<option value="2" >广州</option>
</select>
也就是说当用户选择“上海”这一列时，需要将“上海”这个名称保存起来。其实方法很简单。看下面javascript代码：
function isSelected(value) {var cityName;
var city =
documentgetElementById("city");
//获取选中的城市名称
for(i=0;i<citylength;i++){
if(city[i]selected==true){
cityName
= city[i]innerText; //关键点
alert("cityName:" + cityName);
}
}
也可以这样做：
function isSelected(value) {var city = documentgetElementById("city");
alert(cityoptions[cityselectedIndex]innerText);
}
大致解释一下，首先在HTML页面上有一个下拉框，并为此下拉框定了一个“city”的id，并为其绑定了一个onchange事件，通过此事件调用javascript函数。
在javascript函数当中，通过domcument对象获取当前下拉框的节点元素，由于节点的值并非只有一个，所以我们可以通过循环节点来得到每个选项的值。在循环的时候通过判断当前选项是否选中，如果选中则使用city[i]innerText
方式获取当前所选中的文本值。当然如果需要获取选项值，只需如此即可：city[i]value
至此，通过以上方法在IE下已能达到所要的结果。但是，在FIREFOX下测试时，发现此法不起作用，最后通过查阅资料发现另外一个方法。将city[i]innerText
改为 city[i]text即可。这种方法对IE及FIXEFOX都适用！
参考如下代码
$("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+"。");
});
})
显示效果
话不多说，请看代码：
//直接保存后缀htnl用谷歌浏览器打开，亲测有效
<head>
<script
src=">
在C#中获取下拉列表框的值的代码如下：
using System;
using SystemCollectionsGeneric;
using SystemComponentModel;
using SystemData;
using SystemDrawing;
using SystemLinq;
using SystemText;
using SystemWindowsForms;
namespace WindowsFormsApplication1
{
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
}
private void button1_Click(object sender, EventArgs e)
{
thisText = comboBox1SelectedIndexToString() + " " +
comboBox1Text;
}
}
}
扩展资料：
C#关键字：
1、abstract：可以和类、方法、属性、索引器及事件一起使用，标识一个可以扩展但不能被实体化的、必须被实现的类或方法。
2、as：一个转换 *** 作符，如果转换失败，就返回null。
3、base：用于访问被派生类或构造中的同名成员隐藏的基类成员。
4、catch：定义一个代码块，在特定类型异常抛出时，执行块内代码。
5、checked：既是 *** 作符又是语句，确保编译器运行时，检查整数类型 *** 作或转换时出现的溢出。
6、const：标识一个可在编译时计算出来的变量值，即一经指派不可修改的值。
7、delegate：指定一个声明为一种委托类型。委托把方法封装为可调用实体，能在委托实体中调用。
8、enum：表示一个已命名常量群集的值类型。
9、event：允许一个类或对象提供通知的成员，他必须是委托类型。
10、explicit：一个定义用户自定义转换 *** 作符的 *** 作符，通常用来将内建类型转换为用户定义类型或反向 *** 作，必须再转换时调用显示转换 *** 作符。
js、ajax实现
<seelect id="one"></select><!--第一个下拉框--><seelect id="two"></select><!--第二个下拉框-->
<script>
$(function(){
$('#one')on('chenge', function(){
var val = $(this)val();
$get('查找第二个下拉框的方法', {'val' : val}, function(arr){
var text = '<option>请选择<option>';
// 返回一个带有第二个下拉框的json串
$each(arr, function(i ,o){
text += '<option value="' + ovalue + '">' + otitle + '<option>';
})
$('#two')empty()append(text);
})
})
})
</script>
以上就是关于如何获得select被选中option的value和text全部的内容，包括:如何获得select被选中option的value和text、如何使用JS获取下拉列表框的显示值、jquery怎么获取下拉框所有的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）