How to add variable in this jQuery code?

Question

Below is sample jQuery code

$('#HomeCity option:selected').text()

how do change HomeCity to optionElement[key] which from foreach function?

I did

$(" '#' + optionElement[key] option:selected ").text()

but not working.

Satpal · Accepted Answer · 2016-02-18 17:24:44Z

1

You should quotes properly to create correct selector.

Use

 $("#" + optionElement[key] + " option:selected ").text()

answered Feb 18, 2016 at 17:24

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

Comments

gurvinder372 · Accepted Answer · 2016-02-18 17:25:04Z

1

make it

$( '#' + optionElement[key] + " option:selected ").text();

basically after optionElement[key] you need to start the quotes " again and before '#' no double quotes are required.

answered Feb 18, 2016 at 17:25

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

Vatsal · Accepted Answer · 2016-02-18 17:44:53Z

1

Currently the code you mentioned wont be working because you have wraped it inside double quotes. So as per your code

$(" '#' + optionElement[key] option:selected ").text()

'#' + optionElement[key] option:selected is one string that jQuery is searching for and it doesnt exist in your page.

What you should be doing to make it dynamic is

$("#"+optionElement[key]+"option:selected").text()

This way your optionElement[key] is dynamic which will be changed as per the option selected.

Hope this be of some help.

Happy Learning

answered Feb 18, 2016 at 17:44

Vatsal

2,1384 gold badges23 silver badges28 bronze badges