使用jquery或javascript在键上单击按钮
我正在开发一个购物车使用codeigniter。在我的购物车页面中,我需要根据商品数量的变化更新我的购物车。我通过点击按钮得到结果。 但我的问题是,我需要在我的钥匙上得到同样的结果。对于“向上键”,应单击相应的按钮 查看页面使用jquery或javascript在键上单击按钮,javascript,php,jquery,codeigniter,Javascript,Php,Jquery,Codeigniter,我正在开发一个购物车使用codeigniter。在我的购物车页面中,我需要根据商品数量的变化更新我的购物车。我通过点击按钮得到结果。 但我的问题是,我需要在我的钥匙上得到同样的结果。对于“向上键”,应单击相应的按钮 查看页面 <td> <?php echo form_input(array('name' => $items['rowid']."_qty",'id' => $items['rowid']."_qty", 'value' =>
<td>
<?php echo form_input(array('name' => $items['rowid']."_qty",'id' => $items['rowid']."_qty", 'value' => $items['qty'], 'maxlength' => '3', 'size' => '5')); ?>
<button class="btn btn-success " id= "<?php echo $items['rowid']."_qty" ?>" onclick="update_cart('<?=$items['rowid'];?>')" >update</button>
<script>
$("#<?php echo $items['rowid']."_qty" ?>").keyup(function(event){
$("#<?php echo $items['rowid']."_qty" ?>").click();
});
</script>
</td>
检查这个
$("#id_of_field").keyup(function(event){
$("#id_of_button").click();
});
检查这个
$("#id_of_field").keyup(function(event){
$("#id_of_button").click();
});
只需将onkeyup
属性添加到输入元素生成中即可。对不起,我对php不太精通,但您可以使用与在中添加其他属性相同的方法:form\u input(array(…)
功能更新\u购物车(项目ID、数量)
{
控制台日志(数量);
}
只需将onkeyup
属性添加到输入元素生成中即可。对不起,我对php不太精通,但您可以使用与在中添加其他属性相同的方法:form\u input(array(…)
功能更新\u购物车(项目ID、数量)
{
控制台日志(数量);
}
无需添加额外代码来触发单击事件。您可以使用您的表单输入直接将更新购物车
作为
<?php
echo form_input(array(
'name' => $items['rowid']."_qty",
'id' => $items['rowid']."_qty",
'value' => $items['qty'],
'maxlength' => '3',
'size' => '5',
'onkeyup' => "update_cart('".$items['rowid']."')"
)
);
?>
无需添加额外代码来触发单击事件。您可以使用您的表单输入直接将更新购物车
作为
<?php
echo form_input(array(
'name' => $items['rowid']."_qty",
'id' => $items['rowid']."_qty",
'value' => $items['qty'],
'maxlength' => '3',
'size' => '5',
'onkeyup' => "update_cart('".$items['rowid']."')"
)
);
?>
以下是解决问题的代码:
首先,您需要为input提供一个公共类,以获取输入的值和id:
$('.commonclass').on('input',function(e){
var id = $(this).attr("id");
update_cart(id)
});
function update_cart(itemid)
{
var qty= document.getElementById(itemid+"_qty").value;
$.ajax({
type: 'POST',
url: '<?php echo site_url("ajax_controller1/update_cart/'+itemid+'/'+qty+'")?>',
data: { id:itemid },
success:function(response){
$("#shoppingcart_container").html(response);
$(".total").click();
}
});
}
$('.commonclass')。关于('input',函数(e){
var id=$(this.attr(“id”);
更新购物车(id)
});
功能更新\u购物车(项目ID)
{
var数量=document.getElementById(itemid+“_数量”).值;
$.ajax({
键入:“POST”,
url:“以下是可以解决您的问题的代码:
首先,您需要为input提供一个公共类,以获取输入的值和id:
$('.commonclass').on('input',function(e){
var id = $(this).attr("id");
update_cart(id)
});
function update_cart(itemid)
{
var qty= document.getElementById(itemid+"_qty").value;
$.ajax({
type: 'POST',
url: '<?php echo site_url("ajax_controller1/update_cart/'+itemid+'/'+qty+'")?>',
data: { id:itemid },
success:function(response){
$("#shoppingcart_container").html(response);
$(".total").click();
}
});
}
$('.commonclass')。关于('input',函数(e){
var id=$(this.attr(“id”);
更新购物车(id)
});
功能更新\u购物车(项目ID)
{
var数量=document.getElementById(itemid+“_数量”).值;
$.ajax({
键入:“POST”,
url:“
要调用任何事件,只需调用触发器函数并将事件名称作为参数传递
$(".total").trigger("click");
要调用任何事件,只需要调用触发器函数并将事件名称作为参数传递
$(".total").trigger("click");
$(“.total”).trigger(“click”);$(.total”).trigger(“click”);我已经尝试过这个想法,但是onkeyup函数不起作用。@yadhububu:你在dom中得到属性onkeyup
了吗?我正在尝试alert(“kk”);
关于keyup函数。这也不能用工作。
现在试试吧?用'onkeyup'=>更新(“$items[rowid]”“
我在控制台购物车:542未捕获引用错误:$items未在HTMLInputElement.onkeyup(购物车:542)定义。
我已经尝试过这个想法,但onkeyup函数不起作用。@yadhububu:你在dom中得到属性onkeyup
了吗?我正在尝试警报(“kk”)
关于keyup函数。这也无法使用”
现在尝试?使用'onkeyup'=>“更新购物车('$items[rowid')”
我在控制台中遇到错误购物车:542未捕获引用错误:$items未在HTMLInputElement.onkeyup(购物车:542)