Dynamic dropdown jQuery inline error

Question

I am trying t create dynamic dropdown using a value of array but values are appending inline in option

<body onload="getdata()">
  <select class="form-control"   id="focusedinput" name="sBranchName"  required>
    <option name="sBranchName" id="branch_list" ></option>
  </select>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" ></script>

<script>
function getdata () {
	var data =['rajkot','surat','delhi']
	var mySelect = $('#branch_list'); 
  	for(let value of data){
    console.log(value)
       mySelect.append("<option>" + value + "</option>")
    }
};
</script>
</body>

Can anyone suggest the proper way?

CertainPerformance · Accepted Answer · 2018-04-02 18:54:05Z

3

See this line:

mySelect.append("<option>" + value + "<option>")

You're missing a /.

You're also appending to the option rather than to the select. Try selecting the select instead:

$('#focusedinput').append("<option>" + value + "</option>")

function getdata() {
  const data = ['rajkot', 'surat', 'delhi']
  const mySelect = $('#focusedinput');
  data.forEach((value) => {
    mySelect.append("<option>" + value + "</option>");
  });
}

getdata();

<select class="form-control" id="focusedinput" name="sBranchName" required>
  <option name="sBranchName" id="branch_list" ></option>
</select>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

edited Apr 2, 2018 at 18:54

answered Apr 2, 2018 at 18:48

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

CertainPerformance Over a year ago

Made a live snippet, works for me. (though your initial option is still blank, don't know what you want to do with that)

Collectives™ on Stack Overflow

Dynamic dropdown jQuery inline error

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related