<select id="test" name="">
<option value="1">text1</option>
<option value="2">text2</option>
</select>
code:
ä¸ï¼javascriptåççæ¹æ³
1:æ¿å°selectå¯¹è±¡ï¼ var myselect=document.getElementById("test");
2ï¼æ¿å°éä¸é¡¹çç´¢å¼ï¼var index=myselect.selectedIndex ; // selectedIndex代表çæ¯ä½ æéä¸é¡¹çindex
3:æ¿å°éä¸é¡¹optionsçvalueï¼ myselect.options[index].value;
4:æ¿å°éä¸é¡¹optionsçtextï¼ myselect.options[index].text;
äºï¼jqueryæ¹æ³ï¼åææ¯å·²ç»å è½½äºjqueryåºï¼
1:var options=$("#test option:selected"); //è·åéä¸ç项
2:alert(options.val()); //æ¿å°éä¸é¡¹çå¼
3:alert(options.text()); //æ¿å°éä¸é¡¹çææ¬
参考资料
csdn.csdn[引用时间2018-1-25]
本回答被网友采纳function getselectvalue()
{
var rtl=document.getElementById("rtl");
alert(rtl.options.(rtl.selectedIndex).value);
}
</script>
以楼上的数据来用
<select name="sel" id="rtl" >
<option>菜单一</option>
<option>菜单二</option>
<option>菜单三</option>
</select>
<input type="button" onclick="getselectvalue()" value="弹出下拉列表的值" />
加分咯！很辛苦的
<option
value="1">北京</option>
<option value="2" >上海</option>
<option value="2" >广州</option>
</select>
也就是说当用户选择“上海”这一列时，需要将“上海”这个名称保存起来。其实方法很简单。看下面javascript代码：
function isSelected(value) {
var cityName;
var city =
document.getElementById("city");
//获取选中的城市名称
for(i=0;i<city.length;i++){
if(city[i].selected==true){
cityName
= city[i].innerText; //关键点
alert("cityName:" + cityName);
}
}
也可以这样做：
function isSelected(value) {
var city = document.getElementById("city");
alert(city.options[city.selectedIndex].innerText);
}
大致解释一下，首先在HTML页面上有一个下拉框，并为此下拉框定了一个“city”的id，并为其绑定了一个onchange事件，通过此事件调用javascript函数。
在javascript函数当中，通过domcument对象获取当前下拉框的节点元素，由于节点的值并非只有一个，所以我们可以通过循环节点来得到每个选项的值。在循环的时候通过判断当前选项是否选中，如果选中则使用city[i].innerText
方式获取当前所选中的文本值。当然如果需要获取选项值，只需如此即可：city[i].value.
至此，通过以上方法在IE下已能达到所要的结果。但是，在FIREFOX下测试时，发现此法不起作用，最后通过查阅资料发现另外一个方法。将city[i].innerText
改为 city[i].text即可。这种方法对IE及FIXEFOX都适用！
//获取下拉列表选中项的值
代码如下
function getSelectedValue(name){
var obj=document.getElementById(name);
return obj.value; //直接用其对象的value属性便可获取到
}
2：获取文本值
代码如下
<select Id="select">
<option>1</option>
<option selected="selected">2</option>
<option>3</option>
</select>
<script language="javascript" type="text/javascript">
var ById = document.getElementById("Select")
alert(ById.options[ById.selectedIndex].text)
</script>本回答被提问者采纳
如何获取下拉列表选中的值 jquery
1:var options=$("#test option:selected"); \/\/获取选中的项 2:alert(options.val()); \/\/拿到选中项的值 3:alert(options.text()); \/\/拿到选中项的文本
jquery 怎样获取select多选下拉框所有选项的值
编写jquery代码：实现获取所有值和获取选中值 (function(){$("input:button").click(function() {var all = "";$("select option").each(function() {all += $(this).attr("value")+" ";});var sel = $("select").val();alert("多选列表所有的value值:"+all+"，其中被选中的是:"...
jquery 怎样获取select多选下拉框所有选项的值
.val()函数获取select的属性。语法：(selector).val(value)val() 方法返回或设置被选元素的值。元素的值是通过 value 属性设置的。该方法大多用于 input 元素。如果该方法未设置参数，则返回被选元素的当前值。一、创建一个select元素：二、创建如下获取属性函数：三、结果获取：...
如何通过JQUERY获得下拉框的显示值
通过获取元素的text实现功能。关键的两个jquery函数为：("select").val(); \/\/ 选中项目的value值。$("select option:checked").text(); \/\/ 选中项目的显示值。实例演示如下：1、设计简单的一个下拉框代码，包括【男】【女】两个值。代码如下：此时页面展示效果如下：2、设计一个函数，通过点击...
jQuery如何获取复选框选中项后的文字?
1、创建如下结构的测试文件-- Content，-- jquery-1.11.3.min.js，-- JquerySelect.html。2、【获取】下拉框【选中值】：使用【.val()】。3、【获取】下拉框【选中文本】：使用【.find("option:selected").text()】。4、【获取】下拉框选中项的【索引】：使用【.get(0).selectedIndex】。5...
jquery 怎么获取到下拉框 VALUE的值
回答：直接用select标签的id值获取就可以了 比如select标签的 id = 'oSel' jQuery 获取: var value = $("#oSel").val();
如何用jquery获取多个 下拉列表所选中的值
循环获取呗。var list = [];$('select').each(function(){ list.push($(this).val());});console.log(list);
用jquery如何获取下拉多选框最后一个option
jquery 获取select多选下拉框所有选项的值可以如下实现 var all = "";("select option").each(function() { all += $(this).attr("value")+" ";});而值获取被选中的值可用如下代码实现 ("select").val();下面给出实例代码：创建Html元素：一个多选列表和一个按钮 萝卜，我的value是1 青...
jQuery实现select下拉框选中数据触发事件
JavaScript部分：利用jQuery的bind方法，绑定change事件，此事件会响应用户在下拉框中进行选择的操作。具体代码如下：通过使用类选择器绑定事件，这种方式适用于表格中存在多个下拉框的情况，只需一个事件处理逻辑即可操作所有数据。通过name属性获取当前选中的数据id，使用post方式向后台发送修改请求。传递数据的...
jquery获取HTML select下拉列表中新选中option的value值,必须要重新...
不需要重新刷新页面。新选中下拉列表（select）的选项（option）会触发change事件，即选择项改变事件，因此可以在change事件的响应函数中获取新选中option的value值，而不必要刷新页面。实例演示如下:1、HTML结构 option-A option-Boption-C option-D2、javascript代码 function fun(){var select = document...
