html:
<select id="sel">
<option value='s1'>苹果</option>
<option value='s2'>西瓜</option>
<option value='s3'>香蕉</option>
</select>
javascript:
$(function(){
var _val = $map( $("#sel option:not(:selected)"),
function(ele){return elevalue}
)join(",");
alert(_val);
})
其中主要的是:$("#sel option:not(:selected)"),这是返回没被选中的option集合,
使用$map函数对这个集合进行处理,取出其中元素的值,使用","进行分隔。
如果option中没有value属性,那么直接返回option的文本内容。
var gname=documentgetElementById("gname")text;
这句不对。应该是
var gname = documentgetElementById("gname")value;不过这样,你拿到的只是选中的id,所以这下很麻烦,你用原生的JS还需要
var gnameOptions = documentgetElementById("gname")getElementsByTagName('option');然后遍历一遍,找出符合的id
for (var i = 0; i < gnameOptionslength; i += 1) {if (gnameOptions[i]value === gname) {
gname = gnameOptions[i]innerHTML;
break;
}
}
<div id="sel" style="display: none">
<select name="select2">
<option value="1" selected>采购部</option>
<option value="2">生产部</option>
<option value="3">库存部</option>
</select>
</div>
<div id="in" style="display: none">
<input type="text" name="userInfo" class="logininput" id="name" size="25">
</div>
<select name="select" onchange=myselect()>
<option value="department" selected>用户部门</option>
<option value="userName">用户姓名</option>
</select>
在JavaScript块里定义这个函数:
function myselect(){
//selectedIndex == 0 表示选了:用户部门
if(documentforms[form1]select[0]selectedIndex == 0){
documentgetElementById('sel')styledisplay = "";
documentgetElementById('in')styledisplay = "none";
return;
}
//selectedIndex == 0 表示选了:用户姓名
if(documentforms[form1]select[0]selectedIndex == 1){
documentgetElementById('in')styledisplay = "";
documentgetElementById('sel')styledisplay = "none";
return;
}
}
这样应该就可以了,是手写的,不知道有没有拼错,楼主有问题可以M我!!
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都适用!
以上就是关于js或者jquery如何获取select中未选中的值全部的内容,包括:js或者jquery如何获取select中未选中的值、JS如何获取动态select值(我写的是点击添加)、JSP怎样获取当前页select值并作为后面判断条件等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)