Блог

Я потратил много часов на изучение этого и применил все решения, но не могу заставить свой код работать. У меня есть select, который содержит объект в качестве значения (не может быть изменен из-за привязки данных) при изменении, он вызывает функцию js, которая обращается к свойству id объекта, содержащемуся в атрибуте value, но возвращает undefined. Есть ли способ получить к этому доступ. Я безуспешно пробовал JSON.parse и JSON.stringify и комбинацию из двух для объекта.

вот мой выбор:

 <select th:field="*{category}" class="custom-select" id="category" style="padding: 0px" onchange="getInstitutions()">
       <option value="a" selected>select one..</i></option>
       <option th:each="category : ${categories}"
                    th:value="${category}"
                    th:text="${category.name}"
                    th:data="${category.id}"
                    selected></option>
</select>
  

Вот моя функция JS:

 function getInstitutions() {
    var cat = $("#category").val();
    //cat=JSON.stringify(cat);
    var catId=cat.id;
    alert(catId); // undefined
    // use id to query db using ajax...
}