I want to append option value=0 in my dropdown list. Here is my code:
for (i = 1; i < = wardcount; i++) {
var option = $('<option/>');
option.attr({
'value': i
}).text(i);
$('#ward_no').append(option);
}
3 Answers
Just consider it as text.
let zero =`<option value="0">Select</option>`
$('#ward_no').append(zero);
for (i = 1; i <= wardcount; i++) {
let option = `<option value="${i}">${i}</option>`
$('#ward_no').append(option);
}
Comments
- for (i = 1; i <= wardcount; i++)
+ for (i = 0; i < wardcount; i++)
1 Comment
BDL
Although this code might solve the problem, a good answer should also explain what the code does and how it helps.
Do it before the loop.
$("#ward_no").empty();
$("#ward_no").append($("<option>", {value: 1, text: "select"}));
for (i = 1; i < = wardcount; i++) {
var option = $('<option/>', {value: i, text: i});
$('#ward_no').append(option);
}
2 Comments
buddingdeveloper
when i use $('#ward_no').html(""); this before loop default option is missing.but i want empty the dropdown before choose another option
Barmar
You do this after you empty the dropdown and before you add all the numbered options.
i = 0