Question

我有以下问题：

当选择下拉列表中的选项时，应将其添加到搜索框中。这有效。但是现在我希望在发生这种情况时自动点击“GO”按钮。使用我到目前为止的代码，我正在尝试使用

  $('input[name="go"]').trigger("click");

部分实现这一目标。但问题是，只要单击下拉框（因此可以选择选项之前），就会触发此最后一个事件。我尝试了很多东西，但我对jquery不是很有经验。（顺便说一句：我正在使用预先存在的搜索字段和按钮）

这是javascript / jquery代码：

    $(document).ready(function(){

    $('select[name="Articlecategories"]').bind('click', function() {



     $('select[name="Articlecategories"]').change(function () { 
           var str = "";
           $('select[name="Articlecategories"] option:selected').each(function () {
                str += $(this).text() + " ";
                 });
            $('input[name="searchfield"]').val(str);
     })

    .change();

    $('input[name="searchfield"]').change(function () { 
    $('input[name="go"]').trigger("click");
     }) 
    .change();

    });


    });

这就是html：

  <select name="Artikelcategorien"  >
    <option selected="selected" disabled>select an option</option>
    <option >Candy</option>
    <option>Taffy</option>
    <option>Caramel</option>
    <option>Fudge</option>
    <option>Cookie</option>
  </select>

<input type="text" name="searchfield" value="" >
    <input type="submit" name="go" value="GO" >

Answer 1

.trigger()仅执行附加到某个元素的函数，而不执行该元素的默认行为。

如果form元素中包含以上所有内容，则可以使用此项。

$("form").submit();

Answer 2

您可以通过

提交表单

$("formID").submit();

Answer 3

你可以提交表格（假设它当然是一种形式）：

$('form#formId').submit();

Answer 4

好的，没关系，我设法解决了。也许不是最优雅的解决方案，但它确实有效：

    $(document).ready(function(){

    $('select[name="Articlecategories"]').change(Klikzoeken)


    });

    function Klikzoeken() {

     $('select[name="Articlecategories"]')
           var str = "";
           $('select[name="Articlecategories"] option:selected').each(function () {
                str += $(this).text();
                 });
            $('input[name="searchfield"]').val(str);

    $('input[name="go"]').click();


    }

选择下拉选项后单击触发按钮

4 个答案: