javascript-选择选项时,jQuery提交选择表单

2019-10-13 10:37:36 阅读：227 来源： 互联网

我有一个选择,有很长的列表,我可以用select2 jquery插入来搜索它.

我的选择：

 @using (Html.BeginForm("ProjectList", "Client", FormMethod.Get, new { id = "clientform", name = "clientoverviewform"}))
        {
            <div class="form-group">
                <label for="sel1">Select Client</label>
                @if (Model.ClientList != null)
                {
                    <select class="form-control selectpicker" data-live-search="true" id="sel1" name="id">

                        @foreach (var client in Model.ClientList)
                        {
                            <option value="@client.Id">@client.Name</option>
                        }

                    </select>
                }
            </div><!-- end form-group-->
            <div class="form-group">
                <input type="submit" value="Vis" class="form-control">
            </div><!-- end form-group-->
        }

我需要它能够让我搜索并选择我要使用的选项.按Enter或单击鼠标.然后提交表格

当然,它也必须使用正常的提交按钮

我试过这段代码：

$(document).ready(function () {
        $('#clientform').on('change', function () {
            var $form = $(this).closest('form').on('change', function () { 
                $form.find('input[type=submit]').click();
            });
        });
    });

即使我只是在列表中滚动并单击,它也可以在搜索之前提交.

解决方法:

如果要在更改选择选项后提交表单,请执行以下操作：

$('.selectpicker').on('change', function () {
   $(this).closest('form').submit();
});

标签：html,javascript,jquery,forms,c-2
来源： https://codeday.me/bug/20191013/1907178.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript-选择选项时,jQuery提交选择表单