在我的项目中,我有一个选择封装在两个 div 中,我必须从 JavaScript 的选择中获取文本或值。
<div class="col-lg-3 col-xs-6" id="div1">
<div class="form-group" id="divTtype">
<label>Templte Type:</label>
<select class="form-control" id="ftype">
<option value="..All">..All</option>
<option value="Functional">Functional</option>
<option value="Non Functional">Non Functional</option>
</select>
</div>
</div>
我尝试这个代码:
function GetElementInsideContainer(containerID, childID) {
var elm = document.getElementById(childID);
var parent = elm ? elm.parentNode : {};
return (parent.id && parent.id === containerID) ? elm : {};
}
但是当我尝试时:
GetElementInsideContainer(divType, ftype).text;
“未定义”返回给我。
如何获得我选择的值?
提前非常感谢
最佳答案
实际上,您的 HTML 代码“divTtype”中有一个拼写错误,您的本意是写 divType
<div class="col-lg-3 col-xs-6" id="div1">
<div class="form-group" id="divType">
<label>Templte Type:</label>
<select class="form-control" id="ftype">
<option value="..All">..All</option>
<option value="Functional">Functional</option>
<option value="Non Functional">Non Functional</option>
</select>
</div>
</div>
您还需要使用 textContent
属性而不是 text
最后请使用"id"
调用该函数,否则您将调用 undefined variable divType
和ftype
console.log(GetElementInsideContainer("divType", "ftype"));
<小时/>
这肯定会解决您当前的问题,但请参阅拉斐尔的答案以获得更好的方法。
关于Javascript获取两个div内的选择值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55921254/