Javascript获取两个div内的选择值

Question

在我的项目中，我有一个选择封装在两个 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;

“未定义”返回给我。

如何获得我选择的值？

提前非常感谢

Answer 1

实际上，您的 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"));

<小时/>

这肯定会解决您当前的问题，但请参阅拉斐尔的答案以获得更好的方法。