从选择标签中获取javascript中的值
get value in javascript from select tag
我使用javascript函数从特定的<select></select>
获取id。
<select name="no" id="dropdownlist" class="defaultvalue" style="width: 100%;">
<option value="">Select Option</option>
</select>
但问题是我有8 <select></select>
下拉,我想得到这些在javascript中的值,如:
var list = document.getElementById('dropdownlist');
但这只能通过使用getElementByClass
来实现,但这对我来说不起作用。
由于你用jquery标记了你的问题,我建议你使用它:
$('#dropdownlist').val();
更新:但是如果你有8个选择-只需为他们使用相同的类,你可以使用下一个代码:
$('.className').each(function(i,el){
console.log($(this).val());
})
没有getElementByClass
,它是getElementsByClassName
,但您不妨使用querySelectorAll
,它有更好的支持
var list = [];
var elems = document.querySelectorAll('.defaultvalue');
for (var i=0; i<elems.length; i++) {
list.push( elems[i].value );
}
小提琴
在jQuery中,你可以使用var list = $.map($('.defaultvalue'), function(el) { return el.value});
小提琴
和ID是唯一的,它们不能用于同一文档中的多个元素
如果你想使用纯javascript的多选择标签,那么使用下面的代码
function getAllValue(){
var allSelectTags = document.getElementsByClassName("defaultvalue");
var selVal = [];
for(var i=0; i<allSelectTags.length; i++){
var value = allSelectTags[i].options[allSelectTags[i].selectedIndex].value;
selVal.push(value);
}
var result = "";
for(var j=0; j<selVal.length; j++){
result += selVal[j] + "<br />";
}
document.getElementById("result").innerHTML = result;
}
相关文章:
- 使用Javascript获取所选选项ID
- 可以't使用JavaScript获取width属性
- 如何使用javascript获取嵌套对象中所有子对象的单个属性
- Javascript获取上一个元素的内容
- 使用Javascript获取Twitter访问令牌
- 在不同的文件中使用Javascript获取表单数据
- 如何用javascript获取谷歌地图的经度和纬度
- 使用javascript获取表的td值
- 如何使用JavaScript获取当前URL
- 如何在谷歌网站中使用javascript获取当前页面的网址
- Javascript获取所有锚链接的索引
- 如何使用javascript获取从指定文件夹创建的所有文件的名称、大小、类型和日期
- Javascript获取具有不同id的文件数's来自没有多个属性的文件输入元素
- 如何使用javascript获取下一个/转发url
- 需要使用javascript获取输入文本,然后将其添加到句子中
- 使用JavaScript获取Gridview单元格值
- 使用javascript获取跨度的文本
- 如何使用Javascript获取POST请求填充的元素的值
- JavaScript-获取数据属性的值返回未定义的值
- Javascript:获取“;FORM”;它是在.html到外部.js文件中创建的