在从JavaScript / jQuery的，还可以选择期权价值对双引号字符串从JavaScript / jQuery的获取

Question

我的基本要求是使用jQuery设置选择选项值，也希望得到它的价值。

在我的PHP代码，我创建了类似的选项

foreach ($option_value->values as $key => $opt_value) {
      $variants_options .= '<option value="' . $variant_val . '">' . $opt_value . '</option>';
}

从JS添加此值，

jQuery("#section-" + row_id + " .variant_detail_section.addFromApi .option1_options").html(value.variants_options[value.variants_name[0]]);

它的样子

现在，我想获得价值选择

option1 = jQuery("#section-" + row_id + " .option1_options").find(":selected").val();

在这里，我得到半值

获得：“宠物大床（40”，而不是“宠物大床（40" ×30" ）”

所以，这里的问题是如何让双引号字符串？

是否有任何其他方式来设置双引号字符串和jQuery的或javascript怎么做呢？

UPDATE

现在我用所选的选项值的获取文本HTML（）。

在这里我的问题是我得到一些特殊字符的HTML代码，如：

&amp; &lt;&gt; instead &,<,>

所以，我怎样才能得到的特殊字符，而不是它的HTML代码？

我可以用文字（），或者产生任何问题？

Answer 1

您可以使用.html()为获得所选选项的文本。

下面是一个例子

$('#selBox').change(function(){
var selBox = $('#selBox').find(":selected").html()
console.log('Selected text value is ',selBox)
selBox = $('#selBox').find(":selected").val()
console.log('Selected actual value is ',selBox)
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id='selBox'>
<option value='Pet Size Bed'>Pet Size Bed (40" X 30")</option>
<option value='M'>M</option>
<option value='L'>L</option>
</select>

或者你也可以尝试覆盖单引号的价值

<option value='Pet Size Bed (40" X 30")'>Pet Size Bed (40" X 30")</option>

Answer 2

是。你需要在引号前加斜杠：

在PHP代码中使用addslahes()和你将能够得到正确的值。

foreach ($option_value->values as $key => $opt_value) {
      $variants_options .= '<option value="' . addslahes($variant_val) . '">' . $opt_value . '</option>';
}