使用Chosen的jQuery选择框出现多次

时间:2015-03-21 16:40:44

标签: javascript jquery twitter-bootstrap

我有一个出现在引导程序表中的文章列表。每篇文章都有一个打开模态的按钮,其中是一个基于所选jquery插件的选择的表单,列出了一些评论者。

以下是代码:

<div class='modal-body'>
<form method='post' action=''> 
  <select data-placeholder='Choose reviewers...' name='recenzori[]' class='chosen-select' multiple style='width:500px;' tabindex='".$var."'>
  <option value=''></option>
  <?php
    $rec=mysql_query("SELECT * FROM users where nivel = 'reviewer'");
    while($reviewers=mysql_fetch_object($rec))
    {
    echo "<option value='$reviewers->idu'>$reviewers->name</option>";
    }
  ?>
  </select>
</div>
<div class='modal-footer'>
<button type='button' class='btn btn-default' data-dismiss='modal'>"._('Close')."</button> 
<input type='submit' name='selecteaza' class='btn btn-primary' value='"._('Select')."' />
</div>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'></script>
<script src='../js/chosen/chosen.jquery.js' type='text/javascript'></script>
<script src='../js/chosen/docsupport/prism.js' type='text/javascript' charset='utf-8'></script>
<script type='text/javascript'>
var config = {
  '.chosen-select'           : {width:'100%', max_selected_options: 3},
  '.chosen-select-deselect'  : {allow_single_deselect:true},
  '.chosen-select-no-single' : {disable_search_threshold:10},
  '.chosen-select-no-results': {no_results_text:'Oops, nothing found!'}
}
for (var selector in config) {
  $(selector).chosen(config[selector]);
}
</script>

问题在于,如果我列出了3篇文章,第一篇文章会生成3个选择框,第二篇文章会生成2个选择框,最后一篇文章只生成一个,因为它应该是。 可能是什么问题?

LE: 这是jquery生成的html:

    <form action="" method="post">
<input type="hidden" value="3" name="idart">
<select class="chosen-select" tabindex="-1" style="width: 500px; display: none;" multiple="" name="recenzori[]" data-placeholder="Alege recenzorii...">
<div class="chosen-container chosen-container-multi" style="width: 100%;" title="">
<div class="chosen-container chosen-container-multi" style="width: 100%;" title="">
<div class="chosen-container chosen-container-multi" style="width: 100%;" title="">
<ul class="chosen-choices">
<div class="chosen-drop">
</div>
</form>

在正常模式下,它必须只生成一个。

0 个答案:

没有答案