如何在选项标签的值属性上处理空格

Question

我有这段代码可以通过获取数据库中的数据来动态更改选择标记。这是我的html代码

<div class="form-group" id="select_position">
     <label>Position</label>
      <select class="form-control" id="position">
      <option value="">Select Position</option>
      <option value="Office of the Mayor">Office of the Mayor</option>
      <option value="Officce of the Sangguniang Bayan">Officce of the Sangguniang Bayan</option>
      </select>
</div>

这是我的jquery代码，用于在从数据库中获取数据后对其进行动态更改。

$('#select_position option[value='+res.data.position+']').prop('selected', true);

我的问题是我在res.data.position的值是“市长办公室”，并且我试图在控制台上打印错误。它给了我这个错误

  

未捕获的错误：语法错误，无法识别的表达式：#select_position选项[value =市长办公室]

我注意到，当我试图在我的选择标签上放置选项时，该值没有像“屠宰场”这样的空格。它不会出错。

如何在选项标签的value属性处处理空格？

Answer 1

尝试使用此选择器，应该可以使用

$('#select_position option[value="'+res.data.position+'"]').prop('selected', true);