Javascript добавить значение в поле выбора

Question

В моем проекте у меня есть такой HTML-код:

<div class="form-group">
    <label>Coverage</label>
    <select id="t_cov_e" class="form-control">
       <option>API</option>
       <option>Architecture</option>
       <option>Database</option>
       <option>OS</option>
       <option>Web</option>
       <option>Other</option>
    </select>
</div>
<div class="form-group">
   <label>Credits (Price)</label>
   <select id="t_price_e" class="form-control">
       <option>1</option>
       <option>3</option>
       <option>6</option>
       <option>9</option>
       <option>12</option>
    </select>
</div>

Что ж, когда я выбираю таблицу выше, я хочу заполнить отображаемое значение поля выбора в моем коде значением строки щелчка, ясоздайте js для этого:

document.getElementById("t_cov_e").value = this.cells[7].value;
document.getElementById("t_price_e").value = this.cells[5].value;

Но когда я пробую свой код, тег выбора t_price_e заполняется правильно, а t_cov_e ничего не делает.Я проверил переданное значение, и это нормально, даже если я изменяю строку следующим образом:

document.getElementById("t_cov_e").value = "Test";

Ничего не меняется;когда я смотрю на мой HTML, тег выбора t_cov_e не отображает никакого значения по умолчанию.

Как это возможно?Как я могу установить значение по умолчанию для моего тега выбора с помощью javascript?

Заранее спасибо.

Answer 1

если вы пытаетесь установить значение, вы можете использовать эту

window.onloaded=load();

function load(){
var leaveCode = document.querySelector('#t_cov_e');
leaveCode[3].selected = true;
}

рабочую демонстрацию: https://jsfiddle.net/athulmathew/4Lwr06tj/22/

, но почему вы пытаетесь установить this.cells[7].value, пока есть только5 ячеек