javascript - documet.getElementBy 没有传递值

Question

我的 JavaScript 代码是：

    document.getElementById('district').value =  dist.long_name "this line is passing the value"
    document.getElementById('city').value =  route.long_name "this doesn't"

查看页面图片

我的 HTML 是：

<div class="form-group">
    <label>District</label>
    <select id="district" class="form-control">
        <option id="district" selected='selected' style="display:none;"><label id="district"></label> </option>
        <option>Thrissur</option>
        <option>Kozhikode </option>
        <option>Palakkad </option>
    </select>
</div>

<div class="form-group">
    <label>City</label>

    <select id="city" class="form-control"> 
        <option id="city" selected='selected' style="display:none;"><label id="city"></label> </option>   
        <option>opt1</option>
        <option>opt2 </option>
        <option>opt3 </option>
    </select>
</div>

我收到以下错误，我该如何解决：

documet.getElementBy 没有传递值

标签： javascripthtml

Answer 1

您应该在 HTML 中有唯一的 id。

 <select id="city" class="form-control"> 

和

<label id="city"></label>

是不能接受的。