如何用js取下拉框中的内容

如何用js取下拉框中的内容,第1张

jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关;

获取一组radio被选中项的值

var item = $('input[@name=items][@checked]')val();

获取select被选中项的文本

var item = $("select[@name=items] option[@selected]")text();

select下拉框的第二个元素为当前选中值

$('#select_id')[0]selectedIndex = 1;

radio单选组的第二个元素为当前选中值

$('input[@name=items]')get(1)checked = true;

获取值:

文本框,文本区域:$("#txt")attr("value");

多选框checkbox:$("#checkbox_id")attr("value");

单选组radio: $("input[@type=radio][@checked]")val();

下拉框select: $('#sel')val();

控制表单元素:

文本框,文本区域:$("#txt")attr("value",'');//清空内容

$("#txt")attr("value",'11');//填充内容

多选框checkbox: $("#chk1")attr("checked",'');//不打勾

$("#chk2")attr("checked",true);//打勾

if($("#chk1")attr('checked')==undefined) //判断是否已经打勾

单选组radio: $("input[@type=radio]")attr("checked",'2');//设置value=2的项目为当前选中项

下拉框select: $("#sel")attr("value",'-sel3');//设置value=-sel3的项目为当前选中项

$("<option value='1'>1111</option><option value='2'>2222</option>")appendTo("#sel")//添加下拉框的option

$("#sel")empty();//清空下拉框

页面加载时,因为没有任何选中项,所以 secondElementselectedIndex 值是 -1,secondElement

[-1]为undefined,所以alert()会d出 undefined 或 一个空的对话框;

如果你用鼠标选中了“选项9”,secondElementselectedIndex 值是 0,secondElement

[0]为"<option value="选项9">选项9</option>",所以alert()会d出 [object HTMLOptionElement]

把代码做一些修改:

<option value="选项9">选项9</option> 修改为

<option value="选项9" selected>选项9</option>

alert(secondElement[secondElementselectedIndex]); 修改为 alert(secondElement[secondElementselectedIndex]value);

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的文本内容。

试试cookie,用js写个方法,把选择option之后的value之类的信息写入到cookie中,再添加个windowonload = function(){};在页面加载是调用cookie来给input赋值

以上就是关于如何用js取下拉框中的内容全部的内容,包括:如何用js取下拉框中的内容、javascript获取select标签下的option的value求解、js或者jquery如何获取select中未选中的值急求等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/10156418.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存