从执行Javascript函数

很抱歉这个简单的问题，但我在任何地方都找不到答案…我也是一个Javascript新手，拥有0经验，所以我真的被卡住了

总之，我有一个简单的按钮点击功能：

<input type="button" value="Add Item" onclick="addToCartt('MODELNUMBER');">

我需要将它从当前的设置更改为一个表单，在该表单中，您可以单击并点击一个按钮，然后运行带有ModelNumber参数的函数。在该表单中，您可以手动输入ModelNumber，然后通过html表单点击return，然后运行带有ModelNumber参数的函数addToCartt

谢谢你的帮助

function addToCartt(product_id, quantity) {
      quantity = typeof(quantity) != 'undefined' ? quantity : 1;

      $.ajax({
        url: 'index.php?route=checkout/cart/addorder',
        type: 'post',
        data: 'product_id=' + product_id + '&quantity=' + quantity,
        dataType: 'json',
        success: function(json) {
          $('.success, .warning, .attention, .information, .error').remove();



        $('#maincontent').addClass('active');
        $('#maincontent').load('index.php?route=module/cart');
        // $('#cart').live('mouseleave', function() {
        // $(this).removeClass('active');
        // });


          if (json['redirect']) {
            location = json['redirect'];
          }

          if (json['success']) {
            $('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<img src="close.png" alt="" class="close" /></div>');

            $('.success').fadeIn('slow');

            $('#cart-total').html(json['total']);
            $('#new_total').html(json['new_total']);

            // $('html, body').animate({ scrollTop: 0 }, 'slow'); 
          } 
        }
      });
    }

函数addToCartt（产品标识、数量）{
数量=类型（数量）！=“未定义”？数量：1；
$.ajax({
url:'index.php？route=checkout/cart/addorder'，
键入：“post”，
数据：“产品id=”+产品id+”&数量=”+数量，
数据类型：“json”，
成功：函数（json）{
$（'.success、.warning、.attention、.information、.error'）.remove（）；
$（'maincontent'）.addClass（'active'）；
$（'#maincontent'）.load（'index.php？route=module/cart'）；
//$（'#cart'）.live（'mouseleave'，function（）{
//$（this.removeClass（'active'）；
// });
if（json['redirect']）{
location=json['redirect']；
}
if（json['success']）{
$（'#notification'）.html（''+json['success']+''）；
$（'success'）.fadeIn（'slow'）；
$（'#购物车总数'）.html（json['total']）；
$（'new#u total'）.html（json['new_total']）；
//$（'html，body'）。动画（{scrollTop:0}，'slow'）；
} 
}
});
}

这可能就是您想要的HTML。如果看不到您的JavaScript，我真的无法提供更多帮助：

<form onsubmit="return addToCart();">
   <input type="text" value"MODELNUMBER" />
   <input type="submit" value="Add Item"/>
</form>

---

您需要从

addToCart

返回false，以防止表单提交新页面加载。如果使用jQuery，还可以在事件参数上调用

preventDefault

。

这可能就是您想要的HTML。如果看不到您的JavaScript，我真的无法提供更多帮助：

<form onsubmit="return addToCart();">
   <input type="text" value"MODELNUMBER" />
   <input type="submit" value="Add Item"/>
</form>

---

您需要从

addToCart

返回false，以防止表单提交新页面加载。如果使用jQuery，还可以在事件参数上调用

preventDefault

。

您需要从html输入中获取值。 使用jQuery的情况如下：

<input type="button" value="Add Item" onclick="addToCart($('#modelNumber').val());">

---

您需要从html输入中获取值。 使用jQuery的情况如下：

<input type="button" value="Add Item" onclick="addToCart($('#modelNumber').val());">

HTML：

<form name='frm'>
    <input type='text' id='model' />
</form>

如果模型是表单中的唯一输入，则不需要按键事件。

HTML:

---

如果模型是表单中的唯一输入，则不需要按键事件。

只需将该功能添加到questionCheckout@nicolas's answer。他明白了。刚刚在questionCheckout@nicolas的答案中添加了这个函数。他找到了，试过了，但没用。我还在问题中添加了实际功能，你认为你可以再看一眼吗？我非常感谢Nicolás的帮助。在函数末尾添加一个返回false。这将使http提交短路。您还可以（并且应该）使用jQuery将函数绑定到事件。我将立即使用此代码更新我的答案Tanks，但我收到一个错误：未捕获的语法错误：添加此函数时出现意外标记。现在应该可以工作了，我的$（“#model”）中有一个额外的参数。按键代码抱歉，它仍在刷新页面。不知道为什么。试过了，但没用。我还在问题中添加了实际功能，你认为你可以再看一眼吗？我非常感谢Nicolás的帮助。在函数末尾添加一个返回false。这将使http提交短路。您还可以（并且应该）使用jQuery将函数绑定到事件。我将立即使用此代码更新我的答案Tanks，但我收到一个错误：未捕获的语法错误：添加此函数时出现意外标记。现在应该可以工作了，我的$（“#model”）中有一个额外的参数。按键代码抱歉，它仍在刷新页面。不知道为什么。