我正在尋找當用戶提交表單時如何發送我的所有資料（復選框、輸入文本、按鈕值..），以便開發人員后端（php）可以在他身邊獲取它。
我不知道添加method="GET"到表單標簽是否足夠
PS：js不是表格的，只是加數字的代碼。
var selectAllItems = "#select-all";
var selectAllItems_perGroup = ".select-per-group :checkbox";
var checkboxItem = ":checkbox";
$(selectAllItems).click(function () {
if (this.checked) {
$(checkboxItem).each(function () {
this.checked = true;
});
} else {
$(checkboxItem).each(function () {
this.checked = false;
});
}
});
$(selectAllItems_perGroup).click(function () {
if (this.checked) {
$(
".checkbox-group__list .cbox-box:not('.select-per-group') :checkbox"
).each(function () {
this.checked = true;
});
} else {
$(
".checkbox-group__list .cbox-box:not('.select-per-group') :checkbox"
).each(function () {
this.checked = false;
});
}
});
// increment num (Voyageurs)
$(".voyageurs-content__item-right :disabled").before(
'<button type="button" ><span>-</span></button>'
);
$(".voyageurs-content__item-right :disabled").after(
'<button type="button" ><span> </span></button>'
);
$(".button-inc-dec").on("click", function () {
var $button = $(this);
var oldValue = $button.parent().find("input").val();
if ($button.text() == " ") {
var newVal = parseFloat(oldValue) 1;
$(".button-inc-dec.dec").removeClass("nb-underZero");
$(".button-inc-dec.dec").removeAttr("disabled");
}
if (newVal > 0) {
} else {
// Don't allow decrementing below zero
if (oldValue > 0) {
var newVal = parseFloat(oldValue) - 1;
}
if (newVal == 0) {
$button.addClass("nb-underZero");
$button.attr("disabled", true);
newVal = 0;
}
}
$button.parent().find("input").val(newVal);
var id = $button.attr("id");
$.ajax({
type: "POST",
url: "dosomething.php?id=" id "&newvalue=" newVal,
success: function () {
$button.parent().find("input").val(newVal);
},
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="bandeau-centred">
<form
class="search-box" method="GET" action="/">
<div class="search-box__destinations">
<p class="search-box__label">Destinations</p>
<div class="search-box__flex-bulle">
<div class="search-box__where">
<button type="button">
Où allez-vous ?
</button>
<div class="destination-content radius-box">
<div class="destination-content__header inline-check">
<label class="cbox-box">
Toutes les destinations
<input type="checkbox" id="select-all">
<span class="checkmark"></span>
</label>
</div>
<div class="destination-content__body">
<div class="checkbox-group">
<div class="checkbox-group__list">
<label class="cbox-box select-per-group">
Alpes
<input type="checkbox">
<span class="checkmark"></span>
</label>
<label class="cbox-box">
Select 1
<input type="checkbox">
<span class="checkmark"></span>
</label>
<label class="cbox-box">
Select 2
<input type="checkbox">
<span class="checkmark"></span>
</label>
<label class="cbox-box">
Select 3
<input type="checkbox">
<span class="checkmark"></span>
</label>
</div>
</div>
</div>
</div>
</div>
<span class="search-box__or">ou</span>
<div class="search-box__envies">
<button type="button">
Vos envies</button>
<div class="envies-content radius-box">
<div class="envies-content__header">
<p>Qu’est-ce qui vous fait envie ?</p>
</div>
<div class="envies-content__body">
<div class="envies-content__item">
<label class="cbox-box">
Mer
<input type="checkbox">
<span class="checkmark"></span>
<div class="envies-content__item-img">
<img src="https://media.azureva-vacances.com/ressources/images/promotions/BONPLAN820X560_16.jpg" alt="">
</div>
</label>
</div>
<div class="envies-content__item">
<label class="cbox-box">
Mer
<input type="checkbox">
<span class="checkmark"></span>
<div class="envies-content__item-img">
<img src="https://media.azureva-vacances.com/ressources/images/promotions/BONPLAN820X560_16.jpg" alt="">
</div>
</label>
</div>
<div class="envies-content__item">
<label class="cbox-box">
Mer
<input type="checkbox">
<span class="checkmark"></span>
<div class="envies-content__item-img">
<img src="https://media.azureva-vacances.com/ressources/images/promotions/BONPLAN820X560_16.jpg" alt="">
</div>
</label>
</div>
<div class="envies-content__item">
<label class="cbox-box">
Mer
<input type="checkbox">
<span class="checkmark"></span>
<div class="envies-content__item-img">
<img src="https://media.azureva-vacances.com/ressources/images/promotions/BONPLAN820X560_16.jpg" alt="">
</div>
</label>
</div>
<div class="envies-content__item">
<label class="cbox-box">
Mer
<input type="checkbox">
<span class="checkmark"></span>
<div class="envies-content__item-img">
<img src="https://media.azureva-vacances.com/ressources/images/promotions/BONPLAN820X560_16.jpg" alt="">
</div>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="search-box__dates">
<p class="search-box__label">Dates</p>
<div class="search-box__flex-bulle">
<div class="search-box__arriveeDepart">
<button type="button">
<span>
Arrivée
</span>
<span>
Départ
</span>
</button>
</div>
</div>
</div>
<div class="search-box__voyageurs">
<p class="search-box__label">Nombre de voyageurs</p>
<div class="search-box__voyageurs-btn">
<button type="button">
Voyageurs
</button>
</div>
<div class="voyageurs-content radius-box">
<div class="voyageurs-content__item">
<div class="voyageurs-content__item-left">
<p>Adultes</p>
<span>à partir de 12 ans</span>
</div>
<div class="voyageurs-content__item-right">
<input
type="text" disabled name="voyageur-adultes" id="voyageur-adultes" value="0"> {# </div> #}
</div>
</div>
<div class="voyageurs-content__item">
<div class="voyageurs-content__item-left">
<p>Adultes</p>
<span>à partir de 12 ans</span>
</div>
<div class="voyageurs-content__item-right">
type="text" disabled name="voyageur-enfants" id="voyageur-enfants" value="0">
</div>
</div>
<div class="voyageurs-content__item">
<div class="voyageurs-content__item-left">
<p>Adultes</p>
<span>à partir de 12 ans</span>
</div>
<div class="voyageurs-content__item-right">
<input
type="text" disabled name="voyageur-bebes" id="voyageur-bebes" value="0">
</div>
</div>
</div>
</div>
<div class="search-box__btn">
<button type="submit">Chercher
</button>
</div>
</form>
</div>uj5u.com熱心網友回復：
如果您在服務器端使用 php，則密鑰為 on action。您應該將 PHP 檔案路徑放在表單操作上。當表單提交時，它將執行 PHP 檔案。
您可以$_GET["<your_input_name>"]在 PHP 檔案中檢索表單值。如果您在這種情況下使用 get 方法。但是 post 方法將更適合表單提交。所以會是$_POST["<your_input_name>"]
在您的表單中，您還應該為您的輸入提供name.
一個簡單的例子：
<form method="POST" action="form.php">
<input type="text" name="first-name" />
<button type="submit" name="submit" />
</form>
form.php
<?php
if (isset($_POST["submit"]) {
$first_name = $_POST["first-name"]
...
}
?>
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/453541.html
標籤：javascript jQuery 形式