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");
Two approaches:
String Concatenation
$('select option[value="'+lastword+'"]')
Variable injection
$(`select option[value="${lastword}"]`)
(You need to use ` instead of ')
Use template literals (using backticks ``)
$(`select option[value="${lastword}"]`).attr("selected","selected");
You can use
$('select option[value=' + lastword + ']').attr("selected","selected");
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");
`) not single quotes for template literals