js或者jquery如何获取select中未选中的值

js或者jquery如何获取select中未选中的值,第1张

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值并作为后面判断条件等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9539390.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存