如何使用jquery每次循环来命名select id元素?

时间:2017-02-13 09:14:50

标签: javascript jquery jquery-select2 select2

我想在表单中实现jquery select2插件。我在命名文本框时遇到问题,因此可以触发select2。这是html:

<select id="select1"></select>
<select id="select2"></select>
<select id="select3"></select>

以下是从数据库中检索数据的代码:

$('#select').select2({
        ajax: {
                url: "get_member.php",
                dataType: 'json',
                delay: 200,
                data: function (params) {
                    return {
                        q: params.term
                    };
                },
                processResults: function (data) {

                    return {
                        results: data
                    };
                },
                cache: true
            }
        });

如何将id元素从select更改为select1,select2等?我读过每个循环都可以使用jquery,但我不知道如何。

3 个答案:

答案 0 :(得分:1)

使用每个循环

 <lockingModel type="log4net.Appender.FileAppender+MinimalLock" />

答案 1 :(得分:1)

方法很少

  

<强> 1。包装你的选择或使用带有id的表单,所以它变成这样:

     

HTML

<form id="niceform">
<select id="select1"></select>
<select id="select2"></select>
<select id="select3"></select>
</form>
     

JS

$('#niceform select').select2({ ... });

或者

  

<强> 2。使用jQuery特殊选择器:

$('select[id^=select]').select2({ ... });
     

将选择所有{id}属性以“select”开头的select元素

或者

  

第3。给他们上课:

     

HTML

<select class="select" id="select1"></select>
<select class="select" id="select2"></select>
<select class="select" id="select3"></select>
     

JS

$('.select').select2({ ... });

您实际上不需要循环。

答案 2 :(得分:0)

将他们分组:

<div class="select">
    <select id="select1"></select>
    <select id="select2"></select>
    <select id="select3"></select>
</div>

然后使用jQuery:

$.map($('.select').children(), function (ele, i) {
    doYourThing($(ele));
  });