Как в jQuery получить текст option если он не равен value?

Question

[Vlad Osadchyi]

Есть такой html код

<div class="col-sm-10">
    <div class="form-group field-input6">

        <input type="hidden" name="ProductForm[suppliers]" value=""><select id="input6" class="form-control chosen-select js__products__suppliers" name="ProductForm[suppliers][]" multiple="multiple" size="4" data-placeholder="Choose..." style="display: none;">
            <option value="15">test201</option>
            <option value="27">test1012</option>
            <option value="28">test1016</option>
        </select><div class="chosen-container chosen-container-multi" title="" id="input6_chosen" style="width: 100%;"><ul class="chosen-choices">
                <li class="search-field">
                    <input class="chosen-search-input default" type="text" autocomplete="off" value="Choose..." style="width: 100.938px;">
                </li>
            </ul>
            <div class="chosen-drop">
                <ul class="chosen-results"></ul>
            </div></div>

        <div class="help-block"></div>
    </div>
</div>

мне нужно в js функции получить текст выбранного из списка параметра, н-р если выбран первый элемент - то 'test201', как это сделать? желательно с помощью jQuery

Answer 1

[0xD34F]

$('select').change(function() {
  console.log($(':selected', this).text());
});

UPD. Вынесено из комментариев:

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

$('select').on('click', 'option', function(e) {
  const $target = $(e.target);
  if ($target.is(':selected')) {
    console.log($target.text());
  }
});

или

let prevSelected = [];

$('select').on('change', function(e) {
  const selected = $(':selected', this).get().map(n => n.innerText);
  const newSelected = selected.find(n => !prevSelected.includes(n));
  prevSelected = selected;

  if (newSelected) {
    console.log(newSelected);
  }
});

Comments

[Vlad Osadchyi]

именно то, что нужно )

[Vlad Osadchyi]

а нет, не то. это же мультиселект, и когда выбрано два элемента, то имена двух элементов и получаем, а мне нужно только тот который выбрали

[0xD34F]

Дополнил ответ.

[Vlad Osadchyi]

0xD34F, вот что я имею, как мне сюда интегрировать Ваш код?

choseSupplier: function () {
            var $partNumbersDiv = $('#js__products__supplier-part-numbers'),
                $partNumberTemplate = $('#js__products__supplier-part-number-template');

            $('.js__products__suppliers').on('change', function (evt, params) {
                var id = 'supplier-'+(params.selected ? params.selected : params.deselected);
                if (params.selected) {
                    var supplierName = null;
                    var $newElement = $partNumberTemplate.clone();
                    $($newElement).attr('id', 'nameID');
                    var html = $newElement.html();
                    //var values = $(this).val();
                    html = html.replace(/display: none;/g, '');
                    html = html.replace(/forReplace/g, id);
                    html = html.replace(/Supplier Part Number.../g, supplierName + ' Part Number...');
                    $partNumbersDiv.append(html);
                }
                else {
                    $("#"+id).remove();
                }
            });
        }

[Vlad Osadchyi]

0xD34F, в var supplierName нужно записать текст выбранного элемента

[0xD34F]

То есть, это вы мне сейчас предлагаете сделать за вас вашу работу. Морда не треснет? Вы что спросили, я на то и ответил - дальше давайте сами.

[Vlad Osadchyi]

0xD34F, я не прошу готовый код, а прошу совета