Ajax文本字段:获取文本字段的类并更改默认值

Question

目标:点击

改变current_category_id

的值输入标签，我想改变我的值:

<input type="text" id="current_category_id" class="current_category_id" value="1">

按钮，这里的值根据单击哪一行而变化

<button type="button" value="${cat.category_id}" class="category_sort btn float-left" data-toggle="modal" data-target="#createCategory">${cat.category_name} (${cat.category_id})</button>

这段代码给出了未定义的

$(document).on('click', '.category_sort', function (e) {
e.preventDefault();
var new_category_id_sort = $(this).val(); 
document.getElementById('current_category_id').value=e.new_category_id_sort;
);

如何修复我的document.getElementById?

Answer 1

使用querySelector

$(document).on('click', '.category_sort', function (e) {
e.preventDefault();
//change value to sort group
var new_category_id_sort = $(this).val(); 
var a = document.querySelector('.current_category_id').value;
document.querySelector('.current_category_id').value = new_category_id_sort;
fetchgroup();
});