javascript - 值未通过 jQuery .val()/setItem 传递

Question

我得到了一段代码来更新我们的托管买家网站，我们只能添加 JavaScript 和 CSS(不能直接添加 HTML)，这意味着可以通过将产品直接添加到购物车(通过隐藏的 iframe)来快速订购。该代码在大部分情况下都有效，但无法正确发送数量。我们只能得到最小的金额，而不是用户输入的金额。

第一行注释是原始数量输入，但我们必须对其进行编辑以限制我们销售该产品的方式。我无法让打开的输入字段或下拉菜单正常工作。

    if ($(this).attr ("onclick").toLowerCase().indexOf("boxed") == -1)
    {
        $(this).before ('<select class = "dropdownPicker" id="' + $(this).attr ("id")  + '_quantity"> <option value="6">6</option> <option value="12">12</option> <option value="18">18</option> <option value="24">24</option><option value="30">30</option><option value="36">36</option></select>');
        //$(this).before ("<input id='" + $(this).attr ("id")  + "_quantity' value='1' style='width:40px'>");
        // changes the on click link to be executed on the new iframe, and adds an alert.
        $(this).attr ("onclick", $(this).attr ("onclick").replace ("location.href", "alert('Product will be added to the shopping cart');localStorage.setItem('selectedQuantity', $('#" + $(this).attr ("id")  + "_quantity').val());hiddenFrameForLink.location.href"));
        // replaces the a target to remote location
        $(this).attr ("target", "hiddenFrameForLink");
        // changes the caption of the button.
        $(this).text ("Add to Cart");
    }

Answer 1

您有一个 onclick 处理程序，但这不是检测用户从 select 中选择的内容的方法 - 当用户第一次单击它时，它会触发以显示在他们选择任何内容之前，先打开下拉菜单。

您需要使用onchange。