這是我使用的選擇標記..如何使用javascript在<select>標記中選擇一個值？
<select class="form-control" id="VillagesComboidmod">
<option>Kandy</option>
<option>Ampitiya</option>
<option>Semaneriya</option>
</select>
這是我用來選擇一個值的代碼..
document.getElementById('VillagesComboid').value = "Ampitiya";
您應該更新您的選擇如下圖所示：
<select class="form-control" id="VillagesComboidmod">
<option value="Kandy">Kandy</option>
<option value="Ampitiya">Ampitiya</option>
<option value="Semaneriya">Semaneriya</option>
</select>
謝謝。我知道了 –
使用，==，對於比較。和=用於分配
document.getElementById('VillagesComboid').value == "Ampitiya";
<!DOCTYPE html>
<html>
<body>
<select class="form-control" id="VillagesComboidmod">
<option>Kandy</option>
<option>Ampitiya</option>
<option>Semaneriya</option>
</select>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction() {
alert(document.getElementById("VillagesComboidmod").value == "Ampitiya");
}
</script>
</body>
</html>請運行上面的代碼
@Supun Sasidu Madushanka Supun0，請查看我的回答和示例。您不需要將「value」添加到選項標籤。只需選擇一個值並點擊試一下。 – Sravan
你剛剛得到了在參考一個錯字Ë lement id。
要設置<select>元素的值
document.getElementById('VillagesComboid').value = "Ampitiya";
應該
document.getElementById('VillagesComboidmod').value = "Ampitiya";
這正在JSBin
謝謝.. :-)我剛剛收到 –
很高興聽到@ SupunSasiduMadushankaSupun0乾杯！ :) –
只是改變你的ID
document.getElementById('VillagesComboid').value='Ampitiya';
到
document.getElementById('VillagesComboidmod').value='Ampitiya';
在這裏你去
<html>
<body>
<p id="demo"></p>
<select class="form-control" id="VillagesComboidmod">
<option value="K">Kandy</option>
<option value="A">Ampitiya</option>
<option value="S">Semaneriya</option>
</select>
<script>
document.getElementById('VillagesComboidmod').value = 'A';
</script>
</body>
</html>
使用'==''的document.getElementById（ 'VillagesComboid'）。價值==「Ampitiya 「;' – Sravan