Я создаю систему рейтинга, используя JavaScript, когда пользователь выбирает значение звездного значения в скрытом типе ввода.Теперь я хочу получить это значение в моем коде AJAX и отправить в базу данных.
Я пытаюсь таким образом получить значение ввода
$(document).ready(function(){
$('#ajaxSubmit').click(function(e){
e.preventDefault();
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$.ajax({
url: "/review",
type: 'POST',
data: {
description: $('textarea[name=description]').val(),
star: $('input:hidden[name=score]').val(),
user_id: {{Auth::user()->id}},
product_id: {{$product->id}}
},
dataType: "JSON",
success: function(result){
console.log(result);
}
});
});
});
в реальном файле, код которого показывает
<div class="star big" id="rating" data-score="0"></div>
После Выберите звезду, код которой отображается в ресурсе
<div class="star big" id="rating" data-score="0" style="cursor: pointer; width: 80px;"><img src="assets/images/star-big-on.png" alt="1" title="bad">
<img src="assets/images/star-big-on.png" alt="2" title="poor">
<img src="assets/images/star-big-on.png" alt="3" title="regular">
<img src="assets/images/star-big-on.png" alt="4" title="good">
<img src="assets/images/star-big-on.png" alt="5" title="gorgeous">
<input id="star" type="hidden" name="score" value="5"></div>
звездное значение null показать в результате