document.getElementByid 没有传递值

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"

View the image of page

我的 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 没有传递值

Answer 1

您应该在 HTML 中拥有唯一的 ID。

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

和

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

不可接受。