javascript - 使用 DOM 通过父元素属性访问子元素属性

Question

我试图显示“select”标签中的子元素属性，并使用 document.getElementsByTagName 命令来执行此操作，我期望的显示是“john dalton”，如下所示! ，但浏览器没有像我期望的那样显示警报中的未定义消息。我的来源是这样的:

<select  style=""  name="provinsi_id" class="form-control crud-edit 
  lookup-refresh" onchange="showoption();">
<option>john dalton</option>
<option>john rambo</option>
<script>
alert(document.getElementsByTagName('select')[0].childNodes[0].value);
<script>

Answer 1

试试这个，

alert(document.getElementsByTagName('select')[0].childNodes[1].value);

第 0 个元素是文本元素。

Note: Whitespace inside elements is considered as text, and text is considered as nodes. Comments are also considered as nodes.