使用jq+ajax向後臺提交select input中的資料
阿新 • • 發佈:2019-01-09
1、html程式碼
<span class="request" style="margin: 0px 0px 0px 8px;float: left;font-size: 17px;"> <span style="margin-bottom: 2px;" > 做法: <select class="zuofa" onchange=checkZuo(this.value)> <option id="zuofa0"> 清蒸 </option> <option id="zuofa1"> 紅燒 </option> <option id="zuofa2"> 松子 </option> <option id="zuofa3"> 乾燒 </option> </select> </span> <div style="margin-top: 2px;" > 口味:<input type="text" onblur="myFunction(this.value)" size="5" name="kouwei" class="kouwei"/> </div> </span>
2、jq程式碼
3、PHP程式碼function checkZuo(v) { alert(v); if(v) { $.post(api_url + "/main/addmenu", {zuofa: v}, 'json'); return false; } } function myFunction(x){ alert(x); if(x){ $.post(api_url + "/main/addmenu",{kouwei:x}, 'json'); return false; } }
$zuofa=$this->input->post('zuofa');
$kouwei=$this->input->post('kouwei');