代码之家  ›  专栏  ›  技术社区  ›  codeulike

jquery ui autocomplete组合框-防止表单提交

  •  0
  • codeulike  · 技术社区  · 15 年前

    我正在使用jquery ui autocomplete的漂亮的“ComboBox”变体-请参见以下内容: http://jqueryui.com/demos/autocomplete/#combobox

    我把它放在表单元素中,因为它是表单的一部分。

    “自动完成”组合框具有 <button> 用于显示整个下拉列表。但是,当用户按下它时,表单将提交。这似乎是因为 <按钮> 有一个 type="submit" 属性。整个元素由 button() 呼叫 .combobox FN,见S ource code .

    如何停止提交?

    (NB: This guy 有同样的问题,但他通过移除 form -我不能那样做)

    1 回复  |  直到 15 年前
        1
  •  3
  •   codeulike    15 年前

    啊,没关系,我想出来了。

    在jquery论坛上讨论这个问题: http://forum.jquery.com/topic/autocomplete-combobox-problem-when-it-is-placed-inside-a-form-tag

    他们提出了几种不同的方法来调整自动完成组合的源代码来修复它。最简单的一个似乎是:

    换一句话

    $("<button>&nbsp;</button>") 
    

    $("<button type=\"button\">&nbsp;</button>")
    

    这可以防止 type="submit" 从插入到最后一个按钮。