Javascript 将Jquery中的html值发布到控制器
我有以下脚本,其中包含附加的html数据:Javascript 将Jquery中的html值发布到控制器,javascript,php,jquery,json,codeigniter,Javascript,Php,Jquery,Json,Codeigniter,我有以下脚本,其中包含附加的html数据: <script> $(document).ready(function(){ $('#drug_id').change(function (){ option = $(this).find('option:selected').val(); html=''; htmlhead=''; // alert(option) $.ajax(
<script>
$(document).ready(function(){
$('#drug_id').change(function (){
option = $(this).find('option:selected').val();
html='';
htmlhead='';
// alert(option)
$.ajax({
type:"GET",
url:"<?php echo base_url();?>transactions/details_now/"+option,
dataType:"json",
success:function(data){
for(i=0;i<data.length;i++){
// alert(data[i].commodity_name)
html += '<form action="<?php echo base_url()?>transactions/issues" method="post"><tr>\n\
<td><input type="text" id="commodity_name' + i + '" name="commodity_name' + i +'" value="'+data[i].commodity_name+'"/></td>\n\
<td><input type="text" id="transaction_type' + i + '" name="transaction_type' + i +'" value="'+data[i].transaction_type+'"/></td>\n\
<td><input type="text" id="Available_Quantity' + i + '" name="Available_Quantity' + i +'" value="'+data[i].Available_Quantity+'"/></td>\n\
<td><input type="text" id="Quantity_Ordered' + i + '" name="Quantity_Ordered' + i +'" value="'+data[i].Quantity_Ordered+'"/></td>\n\
<td><input type="text" id="batch_number' + i + '" name="batch_number' + i +'" value="'+data[i].batch_number+'"/></td>\n\
<td><input type="text" id="date' + i + '" name="date' + i +'" value="'+data[i].date+'"/></td>\n\
<td><input type="text" id="username' + i + '" name="username' + i +'" value="'+data[i].username+'"/></td>\n\
</tr> <input type="submit" value="Issue"></form>';
}
htmlhead+='\n\
<th>Commodity Name</th>\n\
<th>Transaction Type</th> \n\
<th>Batch Number</th> \n\
<th>Available Quantity</th> \n\
<th>Ordered Quantity</th> \n\
<th>Department</th>\n\
<th>Requestor Name</th>\n\
';
$('#thead').append(htmlhead);
$('#you').append(html);
},
error:function(data){
}
})
});
});</script>
$(文档).ready(函数(){
$('#药物id')。更改(功能(){
option=$(this.find('option:selected').val();
html='';
htmlhead='';
//警报(选项)
$.ajax({
键入:“获取”,
url:“交易/详细信息”\u now/“+选项,
数据类型:“json”,
成功:功能(数据){
对于(i=0;i尝试以下操作
//delegated submit handlers for the forms inside the table
$('#you').on('submit', 'form', function (e) {
e.preventDefault();
//read the form data ans submit it to someurl
$.post('someurl', $(this).serialize(), function () {
//success do something
}).fail(function () {
//error do something
})
})
我尝试过这种方法://表$('#you')中表单的委托提交处理程序。在('submit','form',function(e){e.preventDefault();//读取表单数据并将其提交给someurl$.post('transactions/issues',$(this).serialize(),function(){//success do something(“success”);失败(函数(){//error do something alert(“Failed”);})但我在控制器页面中仍然得到未定义的索引。这就是我在控制器中以这种方式调用它的方式:$transaction\u type=$\u POST['transaction\u type'];@user689017然后发生了什么?@user689017在html中元素的名称有一个序列号,也将其删除…就像
…在控制器中,它需要一个名为事务类型
的参数,但您有事务类型1
,事务类型2
等