将每个输入名称和值传递给 ajax GET

Question

今天，我尝试遍历每个 id 为 setting_value 的文本框，并将其名称和值设置为键值数组，然后将其传递给 ajax 请求。

问题是，它只查看ID的第一次出现，有人知道为什么吗？

这是 JS

function saveSettings() {
var myFieldsValue = {};
$("#setting_value").each(function() {
myFieldsValue[this.name] = $(this).val();
alert(this.name + ' = ' + $(this).val());
});
$.ajax({
url: '/' + 'api/ajax/higher/save_game_settings',
type: "GET",
data: myFieldsValue,
statusCode: {
400: function (response) {
showErrorNotification("Something went wrong", response.responseText, 3000);
},
500: function (response) {
showErrorNotification("Something went wrong", response.responseText, 3000);
}
},
success: function(data) {
showSuccessNotification("Action Completed", "Settings have been updated.", 1000);
}
});
}

这是 HTML

<div class="ibox-content" style="">
<h2>Main Game Settings</h2>
<p>Mainline In-Game configuration</p>
<hr>
@foreach($gameSettings as $key => $setting)
<div class="row">
<div class="col-md-6">
<b>{{ $setting->setting_key }}</b><br>
{{ $setting->setting_description }}
</div>
<div class="col-md-6">
<input type="text" id="setting_value" name="{{ $setting->setting_key }}" value="{{ $setting->setting_value }}" class="form-control">
</div>
</div>
<hr>
@endforeach
<div class="btn btn-info" onclick="saveSettings();">Save Changes</div>
</div>
</div>

Answer 1

元素 ID 应该是唯一的。 它们是唯一标识符。 因此$("#setting_value")将只返回一个元素。 如果要与一组元素匹配，请改用类，例如

class="setting_value"
$(".setting_value")