
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中未选中的值急求等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)