У меня возникли проблемы с переключением переключателей в jQuery. Мне нужны кнопки для переключения между запросами HTTP_GET при нажатии.
Выход HTML (там есть PHP)
<label for="device-2">Power outlet</label>
<select name="device-2" id="device-2" data-role="slider">
<option value="off">Off</option>
<option value="on">On</option>
</select>
Я могу включить/выключить устройство, но у меня есть возможность сделать два отдельных HTTP_GET (поворот и отключение)
$("#device-2").on("change", function() {
$.get( "functions/caller.php", { action: "turnon", device: "2" });
});
Я пробовал эту функцию переключения, но он просто мертв. Кажется, он не делает никаких HTTP-запросов, когда я устранял их в консоли браузера
$("#device-2").toggle(function() {
$.get( "functions/caller.php", { action: "turnon", device: "2" });
}, function() {
$.get( "functions/caller.php", { action: "turnoff", device: "2" });
});
Может ли кто-нибудь указать мне в правильном направлении?
Это то, что вы ищете?
$("#device-2").on("change", function() {
var state = $(this).val();
$.get( "functions/caller.php", { action: state, device: "2" });
});
Попробуй это:
$("#device-2").on("change", function() {
var value = $(this).val();
$.get( "functions/caller.php", { action: "turn" + value, device: "2" });
});
Предполагая, что ваш файл caller.php принимает действия "turnon" и "turnoff", это должно динамически изменять вызов $.get
на основе выбранного value
элемента.