1. 程式人生 > >使用jq+ajax向後臺提交select input中的資料

使用jq+ajax向後臺提交select input中的資料

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程式碼
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;
    }
}
3、PHP程式碼

$zuofa=$this->input->post('zuofa');
$kouwei=$this->input->post('kouwei');