имена переменных jquery в кавычках

Question

Я хочу сделать выбор в элементе управления select с помощью jquery. Искаженное значение представляет собой переменную jquery. Я нашел это решение (которое работает) здесь, в stackoverflow.

$("#selectbox option[value = '2011/1']").prop('selected', true); 

, но я хочу использовать переменную в одинарные кавычки для поиска

var target = '2011/1'; 

$("#selectbox option[value = 'target']").prop('selected', true); 

Я пробовал много комбинаций с и без кавычек, но безуспешно. Так в чем же решение?

Answer 1

Вы можете просто сцепить строки с переменной:

$("#selectbox option[value = '"+target+"']").prop('selected', true); 

Answer 2

Вы можете сцепить значение переменной, например, так:

$("#selectbox option[value ='" + target + "']").prop('selected', true); 

Answer 3

В ES6 вы можете использовать Template strings

$(`#selectbox option[value = '${target}']`) 

Answer 4

Попробуйте ускользающий символ "/" в пределах target переменная с \\

var target = "2011\\/1"; 
 

 
$("#selectbox option[value=" + target + "]").prop('selected', true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> 
 
</script> 
 
<select id="selectbox"> 
 
    <option value="2010/1">2010/1</option> 
 
<option value="2011/1">2011/1</option> 
 
</select>