How to use js variable in jQuery selector

Question

How to use JavaScript variables in jQuery selectors?

(function($){

var words = $('#readpcd').text().match(/(\w+)/g);
if (words.length) {
    var lastword = words[words.length - 1];
}
console.log(lastword);
 
$('select option[value=" + this.lastword +"]').attr("selected","selected");


}(jQuery || window.jQuery));

i tried

$('select option[value="${lastword}"]').attr("selected","selected");

You need to use backticks (`\``) not single quotes for template literals — Patrick Evans, Dec 28 '21 at 11:51

score 0 · Answer 1 · answered Dec 28 '21 at 11:57

0

Two approaches:

String Concatenation

$('select option[value="'+lastword+'"]')

Variable injection

$(`select option[value="${lastword}"]`)

(You need to use ` instead of ')

answered Dec 28 '21 at 11:57

Danbardo

761
7
12

Ran Turner · Answer 2 · 2021-12-28T12:03:05.477

0

Use template literals (using backticks ``)

 $(`select option[value="${lastword}"]`).attr("selected","selected");

edited Dec 28 '21 at 12:03

answered Dec 28 '21 at 12:00

Ran Turner

14,906
5
47
53

score -1 · Answer 3 · answered Dec 28 '21 at 11:58

-1

You can use

$('select option[value=' + lastword + ']').attr("selected","selected");

answered Dec 28 '21 at 11:58

Cheng Adrian

177
10

farz bhullar · Answer 4 · 2021-12-28T12:47:42.137

-2

change this line

$('select option[value=" + this.lastword +"]').attr("selected","selected");

to this

$('select option[value="' + lastword + '"]').attr("selected","selected");

lastword is a local variable. you cannot use it as this.lastword.

and if you want to use it inline the use backticks

$(`select option[value="${lastword}"]`).attr("selected","selected");

edited Dec 28 '21 at 12:47

answered Dec 28 '21 at 11:55

farz bhullar

451
3
10

thanks but this still does not change the select options if i use $('select option[value="text"]').attr("selected","selected"); it work – Matt Smith Dec 28 '21 at 11:57
i updated my answer if you want to using it with backticks @MattSmith – farz bhullar Dec 28 '21 at 12:00
1

I believe the second line of code is still incorrect, you are missing quotations to break the String. – Danbardo Dec 28 '21 at 12:06
thanks @Danbardo, i corrected it – farz bhullar Dec 28 '21 at 12:54

How to use js variable in jQuery selector

4 Answers4