单选下拉列表框对象的value属性值就是选中项的value值，因此只需用如下代码即可
1
var selected_val = documentgetElementById(select_id)value;
并且，通过 *** 作select下的option也可以得到被选项的value值，方法为：
var sel = documentgetElementById(select_id);
var selected_val = seloptions[selselectedIndex]value;
实例演示如下:
1、HTML结构及javascript代码
<select id="test" onchange="alert(thisvalue)">
<option value="0">options-0</option>
<option value="1">options-1</option>
<option value="2">options-2</option>
</select>
通过option:selected方法来获取文本值
<!--HTML部分-->
<select class="select">
<option>桃子</option>
<option>苹果</option>
<option>桔子</option>
</select>
<p class="text">我是<span></span></p>
<!--JS部分-->
<script type="text/javascript">
$(function(){
var b;
$("select")on("click",function(){
b=$(this)children("option:selected")text(); //通过option:selected方法来获取文本值
$("text span")text(b);
})
});
</script>
如果我选择的是苹果，那会就会输出"我是苹果"
var
obj
=
documentgetElementByIdx_x(”testSelect”);
//定位id
var
index
=
objselectedIndex;
//
选中索引
var
text
=
objoptions[index]text;
//
选中文本
var
value
=
objoptions[index]value;
//
选中值
jQuery中获得选中select值
第一种方式
$('#testSelect
option:selected')text();//选中的文本
$('#testSelect
option:selected')
val();//选中的值
$("#testSelect
")get(0)selectedIndex;//索引
<script type="text/javascript">
// 获取指定form中的所有的<input><select>对象
function getElements(formId) {
var form = documentgetElementById(formId);
if(form == null){
return false;
}
var elements = new Array();
var inputTagElements = formgetElementsByTagName('input');
for (var j = 0; j < inputTagElementslength; j++) {
elementspush(inputTagElements[j]);
}
var selectTagElements = formgetElementsByTagName('select');
for (var j = 0; j < selectTagElementslength; j++) {
elementspush(selectTagElements[j]);
}
return elements;
}
扩展资料：
form表单提交
在form标签中添加Action(提交的地址)和method(post)，且有一个submit按钮。
（<input type='submit'>）就可以进行数据的提交，每一个input标签都需要有一个name属性，才能进行提交。
当点击登陆时，向数据库发生的数据是：username=username&password=password
这种默认的提交方式，一般会进行页面的跳转(不成功时跳转到当前页面)。而有时候是对d出框进行数据提交的，希望提交成功则关闭d出框并刷选父页面，失败则提示失败原因，且d出框不关闭。此时可以采用Ajax进行数据提交。
JS 控制select选中项，代码如下：
<html>
<script type="text/javascript">
var selectedValue = '<%= requestgetAttribute("line")%>';
function changeSelected(){
jsSelectItemByValue(documentgetElementById("mySelect"),selectedValue);
}
function jsSelectItemByValue(objSelect,objItemText) {
for(var i=0;i<objSelectoptionslength;i++) {
if(objSelectoptions[i]value == objItemText) {
objSelectoptions[i]selected = true;
break;
}
}
}
</script>
<body onload="changeSelected()">
<select id="mySelect" name="mySelect">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</body>
</html>
var selectText = documentgetElementById("sect")options[selectIndex]text //获得被选中的项目的文本，即显示值
以上就是关于如何利用javascript获取表单中select下拉列表中所选中项的值value全部的内容，包括:如何利用javascript获取表单中select下拉列表中所选中项的值value、如何用js获取select选项文本的代码呢、js 怎样获得 当前 select 的option 的值 谢谢大神了 ！等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）