Задать строку двойных кавычек в значении опции выбора из javascript / jquery, а также получить из javascript / jquery

Question

Моим основным требованием является установка значения параметра select с помощью jquery, а также желание получить его значение.

В моем коде PHP я создаю параметры, такие как

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

Из js addэто значение как

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 "X 30")

Итак, проблема в том, как я могу получитьстрока двойных кавычек?

Есть ли другой способ установить строку двойных кавычек и получить ее из jquery или javascript?

UPDATE

Теперь я использую html () для получения текставыбранного значения параметра.

Здесь моя проблема в том, что я получаю html-код какого-то специального символа, например:

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

Итак, как я могу получить специальные символы вместо его htmlcode?

Могу ли я использовать text () или это создаст какую-либо проблему?

Answer 1

Да.Вам нужно добавить косую черту перед кавычками:

В вашем PHP-коде используйте addslahes(), и вы сможете получить правильное значение.

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

Answer 2

Вы можете использовать .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>