Получить значение тимелина с JQuery

Question

У меня есть выпадающее меню в веб-интерфейсе. Он создан с помощью бутстрапа и тимьяна. Мне нужно показать только названия объекта, но выбрал идентификаторы. Получить значение th: text с помощью JQuery не проблема, но мне нужно th: value. И не может этого сделать.

html код:

<div class="btn-group dropdown">
    <button type="button" class="btn btn-outline-secondary dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Enable tollsystem</button>
    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item dropdown-item-disabled-tollsystem"
        id="disabled-tollsystem"
        th:each="myobject:${myobjects}"
        th:if="${myobject.disabled == true}"
        th:text="${myobject.name}"
        th:value="${myobject.Id}"
    ></a>
</div>

Код JQuery:

$("body").on("click", ".dropdown-item.dropdown-item-disabled-tollsystem", function (event) {

    var system = $(this).text();

    console.log(system);

});

var system = $(this).text(); получает имя. Как я могу получить идентификатор?

Answer 1

Прослушиватель событий onclick не работает на select, вместо этого вы можете попробовать:

$('body').on('change', '.dropdown-item.dropdown-item-disabled-tollsystem', function() {
  alert($(this).val());
}

Answer 2

Используйте это:

 $(this).attr('id')

Наслаждайтесь