JS获取select option获取选中的值多选_框架

纯JS

var e = documentgetElementById("form-field-select-4");

alert(getSelectValues(e));

// Return an array of the selected opion values

// select is an HTML select element

function getSelectValues(select) {

var result = [];

var options = select && selectoptions;

var opt;

for (var i=0, iLen=optionslength; i<iLen; i++) {

opt = options[i];

if (optselected) {

resultpush(optvalue || opttext);

}

return result;

}

JQuery

var selectedValues = [];

$("#form-field-select-4 :selected")each(function(){

selectedValuespush($(this)val());

});

alert(selectedValues);

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()；//清空下拉框

恕我愚昧，真心看不懂的这段代码，如果是多选框，将多选框的name写成同一个，如果点击提交时循环这个数组再判断是否check不就行了么

修改了你的代码;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">

你自己改下控件名字就可以了啊！

下面自己放连个文件试

---

1php

function $(id){

return documentgetElementById(id);

}

function checkalls(obj,form){

var bool=(objchecked)true:false;

for(var i=0;i<formlength;i++){

formall[i]selected=bool;

}

</script>

<option value="1" selected>顿饭大幅度</option>

</select>

</form>

---

2php

echo $select[0];

echo $select[1];

echo $select[2];

echo $select[3];

以上就是关于JS获取select option获取选中的值多选全部的内容，包括:JS获取select option获取选中的值多选、如何用js取下拉框中的内容、javascript获取复选框的值之后进行对应输出怎么写，求大神指点迷津！等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

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

JS获取select option获取选中的值多选

发表评论

评论列表（0条）