取HTML中的select中的值，首先需要的就是获取到你这个文本的元素，jquery的话一般是都过$('#元素id')，然后在通过value这个属性来获取内容就行了，具体我写代码来提现:
<html>
<head>
</head>
<script>
$(function(){
alert( $('#div1')value); //d出获取到的网页内容
})
</script>
<body>
<select id='div1'>我是内容</select>
</body>
</html>
function getSelectedText(name){
var obj=documentgetElementById(name);
for(i=0;i<objlength;i++){
return obj[i]innerText; //关键是通过option对象的innerText属性获取到选项文本
}
}
好小气，没分哦
<select name="ClassLevel1" size="23" style="width: 125px;" id="ClassLevel1">
<option value="74">电脑/网络</option>
<option value="80">生活</option>
<option value="79">医疗健康</option>
<option value="78">体育/运动</option>
<option value="95">电子数码</option>
<option value="82">商业/理财</option>
<option value="83">教育/科学</option>
<option value="84">社会民生</option>
<option value="85">文化/艺术</option>
<option value="77">游戏</option>
<option value="1031">娱乐休闲</option>
<option value="81">烦恼</option>
<option value="1101">资源共享</option>
<option value="1">地区</option>
</select>
用javascript取值,下面是一个例子:
<select id="Select1" onchange="getSelectValue(this);">
<option value="1">第一项</option>
<option selected value="2">第二项(默认选中)</option>
<option value="3">第三项</option>
<option value="4">第四项</option>
</select>
<br /><br /><br />您选择的是：
<span id="selectValue"></span>
<script language="javascript" type="text/javascript">
function getSelectValue(obj) {
var sValue = objoptions[objoptionsselectedIndex]value; //这是取值
var sText = objoptions[objoptionsselectedIndex]innerHTML; //这是取文本内容
documentgetElementById("selectValue")innerHTML = sText + "，他的值为：" + sValue; //测试输出
}
</script>
jquery如何获取一个select里面的所有option的值呢？
<select class="form-control" id='mi_name'> <option>全部</option> <option>os2</option> <option>os2-anthonos</option> <option>os2-apps</option> <option>os2-centralpoint</option> <option>kf5-experimental</option> </select> 就这段里面， 展开
m1036779838 | 浏览 36867 次
推荐于2016-02-06 16:37:46 最佳答案
基本思路：遍历select下的option，使用val()获取每个option的值，然后加入到一个数组中。根据这个思路，可以使用for循环或者jQuery的each()遍历函数实现。这里提供一个更简洁的代码：
$("option")map(function(){return $(this)val();})get()join(", ")
代码说明：
使用map()函数把每个option的值传递到当前匹配集合，生成包含返回值的对象；
使用 get() 处理返回的对象以得到基础的数组；
使用join()函数组装字符串。
实例演示如下:
1、HTML结构
<select id="test">
<option value="option-1">option-1</option>
<option value="option-2">option-2</option>
<option value="option-3">option-3</option>
</select><br>
<input type="button" value="获取所有option值">
2、jquery代码
$(function(){
$(":button")click(function() {
var str = $("#test option")map(function(){return $(this)val();})get()join(", ")
alert(str);
});
});
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<select id="sel" onchange="cge()">
<option value="1">4</option>
<option value="2">5</option>
<option value="3">6</option>
</select>
</body>
<script>
function cge(){
var sel=documentgetElementById('sel');
var sid=selselectedIndex;
alert(sel[sid]value+'-'+sel[sid]innerHTML);
}
</script>
</html>
jq的话就一句
$("#sel option:selected")text();
$("#sel option:selected")val();
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：indexhtml，并引入jquery。
2、在indexhtml中的<script>标签，输入jquery代码：。
var a = [];
$('option[selected="1"]')each(function () {
apush($(this)text())
});
$('body')append(ajoin(','));
3、浏览器运行indexhtml页面，此时被选出来的值被放入一个数组并打印了出来。
以上就是关于如何取HTML中的select中的值全部的内容，包括:如何取HTML中的select中的值、用HTML语言怎么获取下拉列表框中的值、html select标签中option的问题等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）