Question

I have a <select> field.

<select name="select-states" disabled="disabled"><option value="">Choose State &raquo;</option></select>

I would like to replace just the <option> inside the <select> with the response received from Ajax Script which contains multiple elements.

I would like to know the selector for selecting <option> which is a child of <select name = "select-states"> without using the id attribute?

Answer 1

to get all options

$('select[name=select-states] option')

to get selected option

$('select[name=select-states] option:selected')

to replace its options with ajax response

$('select[name=select-states]').html(AjaxResponseHtml)