我有下面的表格，假設我選擇了第一個選項。我想問value =0如果提交的表格有辦法訪問并轉換為數字而不是A
<form id="rpoerForm" action="http://localhost:5000/result" class="form" method="post" >
<div class="form__input-group">
<label for="City">Select city</label>
<select name="City" id="City" class="Input">
<option value='0'>A</option>
<option value='1'>B</option>
<option value='2'>C</option>
<option value='3'>D</option>
<option value='4'>E</option>
<option value='5'>F</option>
</select>
uj5u.com熱心網友回復：
試試這個，onsubmit您將收到一個陣列，其中包含所有輸入/選擇的值，其中包含一個形狀為 ["name", value] 的元組內的表單：
rpoerForm.onsubmit = e => {
e.preventDefault()
const data = [...new FormData(e.target).entries()].map(entry => [entry[0], entry[1]])
console.log(data)
}<form id="rpoerForm" action="http://localhost:5000/result" class="form" method="post">
<div class="form__input-group">
<label for="City">Select city</label>
<select name="City" id="City" class="Input">
<option value='0'>A</option>
<option value='1'>B</option>
<option value='2'>C</option>
<option value='3'>D</option>
<option value='4'>E</option>
<option value='5'>F</option>
</select>
<button>Submit</button>
</form>uj5u.com熱心網友回復：
只需您可以在 jquery 中完成
<form id="rpoerForm">
<div class="form__input-group">
<label for="City">Select city</label>
<select name="City" id="City" class="Input">
<option value='0'>A</option>
<option value='1'>B</option>
<option value='2'>C</option>
<option value='3'>D</option>
<option value='4'>E</option>
<option value='5'>F</option>
</select>
<button id="submit">Submit</button>
</form>
$('#submit').on("click",function(){
console.log($('#City option').val())
})<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="rpoerForm">
<div class="form__input-group">
<label for="City">Select city</label>
<select name="City" id="City" class="Input">
<option value='0'>A</option>
<option value='1'>B</option>
<option value='2'>C</option>
<option value='3'>D</option>
<option value='4'>E</option>
<option value='5'>F</option>
</select>
<button id="submit">Submit</button>
</form>轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/467657.html
標籤：javascript html 阿贾克斯