在具有document.getElementsByTagName的列表中选择并更新Option

时间:2019-03-06 06:49:35

标签: javascript jquery

我正在尝试使用document.getElementsByTagName('select')[1].value = 'oop1'在列表中选择一个选项 如果可行,但它未更新与所做选择有关的信息

    <div class="b">
     <label class="page-text" for="symbol">Symbol:</label>      
     <select class="input-combobox" id="symbol"> 
       <option value="oop1">oop1, Description of it</option>
       <option value="oop2”>oop2, Description of it</option>
    </select>

我希望一旦做出选择,表格就会更新与选择有关的信息。如果我手动选择,则会看到更新;如果使用此功能,它将选择选项,但未更新。

1 个答案:

答案 0 :(得分:0)

由于只有一个选择元素,因此必须使用[0]来获取第一个元素。您的代码是错误的,因为许多标签不完整,并且使用了错误的引号

var e=document.getElementsByTagName('select')[0];
e.options[e.selectedIndex].textContent = 'updated value'
e.value='oop1';
<div class="b">
     <label class="page-text" for="symbol" >          
     <select class="input-combobox" id="symbol"> 
       <option value="oop1">oop1, Description of it</option>
       <option value="oop2">oop2, Description of it</option>
    </select>