This is the Select tag That I used..
<select class="form-control" id="VillagesComboidmod">
<option>Kandy</option>
<option>Ampitiya</option>
<option>Semaneriya</option>
</select>
This is the code that I used to select a value..
document.getElementById('VillagesComboid').value = "Ampitiya";
You've just got a typo in the reference to the element id.
To set the value of the <select> element
document.getElementById('VillagesComboid').value = "Ampitiya";
should be
document.getElementById('VillagesComboidmod').value = "Ampitiya";
Here it is working on JSBin
You should update your select like below:
<select class="form-control" id="VillagesComboidmod">
<option value="Kandy">Kandy</option>
<option value="Ampitiya">Ampitiya</option>
<option value="Semaneriya">Semaneriya</option>
</select>
Use, ==, for comparision. and = for assignment
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>Please run the above CODE
value to options tag. just select a value and click on try it.just change your id
document.getElementById('VillagesComboid').value='Ampitiya';
to
document.getElementById('VillagesComboidmod').value='Ampitiya';
Here you go
<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').value == "Ampitiya";