标签: jquery-select2

当我在bootstrap模式中使用select2(输入)时,我无法在其中键入任何内容.这就像残疾人？莫代尔选择2之外的工作正常.

工作实例:http://jsfiddle.net/byJy8/1/ 代码:

<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Panel</h3>
  </div>
  <div class="modal-body" style="max-height: 800px">


<form class="form-horizontal">

<!-- Text input-->
<div class="control-group">
  <label class="control-label" for="vdn_number">Numer</label>
  <div class="controls">
     <!-- seleect2 -->
    <input name="vdn_number" type="hidden" id="vdn_number"  class="input-large" required=""  />
  </div>
</div>

  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Save changes</button>
  </div>
</div>

adn js

$("#vdn_number").select2({
    placeholder: "00000",
    minimumInputLength: 2,
    ajax: {
        url: "getAjaxData/", …

如何通过select2设置值重置的占位符.在我的示例中,如果单击位置或等级选择框,并且我的select2的值大于select2应重置的值并显示默认占位符.此脚本正在重置值,但不会显示占位符

$("#locations, #grade ").change(function() {
   $('#e6').select2('data', {
     placeholder: "Studiengang wählen",
     id: null,
     text: ''
   });
});

$("#e6").select2({
   placeholder: "Studiengang wählen",
   width: 'resolve',
   id: function(e) {
     return e.subject;
   },
   minimumInputLength: 2,
   ajax: {
     url: "index.php?option=com_unis&task=search.locator&tmpl=component&<?php echo JSession::getFormToken() ?>=1",
     dataType: 'json',
     data: function(term, page) {
       return {
         q: term, // search term
         g: $('#grade option:selected').val(),
         o: $('#locations option:selected').val()
       };
     },
     results: function(data, page) {
       return {
         results: data
       };
     }
   },
   formatResult: subjectFormatResult,
   formatSelection: subjectFormatSelection,
   dropdownCssClass: "bigdrop",
   escapeMarkup: function(m) {
     return m; …

对于我更重要的选择,Select2中的搜索框非常棒.但是,在一个例子中,我有一个简单的4个硬编码选择.在这种情况下,搜索框是多余的,看起来有点傻.有可能以某种方式隐藏它吗？我在线查看了文档,但在构造函数中找不到任何选项.

当然,我可以使用常规的html选择,但为了保持一致性,我想尽可能使用Select2.

Chosen和Select2是两个更受欢迎的库,用于扩展选择框.

两者似乎都得到了积极维护,Chosen更老,同时支持jQuery和Prototype.

Select2只是jQuery,它的文档说Select2的灵感来自Chosen,但没有详细说明所做的任何改进(如果有的话)或重写的其他原因.

两个库具有相同的功能集,我发现的唯一比较是一个有点不确定的jsperf测试页面.

这些库中是否有任何优势？

我有问题使这个plunkr(select2 + angulat-ui)工作.

http://plnkr.co/edit/NkdWUO?p=preview

在本地设置中,我得到了select2工作,但是我无法按照文档中的描述设置宽度.它太窄而无法使用.

谢谢.

编辑:没关系plnkr,我在这里发现了一个工作小提琴 http://jsfiddle.net/pEFy6/

看起来这是select2的行为折叠到第一个元素的宽度.我可以通过bootstrap设置宽度.class="input-medium"但是不确定为什么angular-ui不接受配置参数.

尝试使用Select2并在多个项目输入/文本字段上获取此错误:

"query function not defined for Select2 undefined error"

我想要一个带有一组值的下拉列表,但也允许用户"选择"那里未列出的新值.

如果你在模式中使用它,我看到select2支持这个tokens,但有没有办法在没有令牌的情况下做到这一点？

我正在寻找Select2的替代品,它基本上提供相同的功能,但包括适当的测试.

寻求圣杯？最后一只独角兽？

你好朋友这是我的代码:

<select id='first'>
  <option value='1'> First  </option>
  <option value='2'> Second </option>
  <option value='3'> Three  </option>
</select>

这是我的select2代码:

$("#first").select2();

以下是获取所选值的代码.

$("#first").select2('val'); // It returns first,second,three.

这是返回文本first,second,three,我希望得到1,2,3.
意味着我需要选择框的值,而不是文本.

这属于select2版本4之前的代码

我有一个简单的代码,select2从ajax获取数据

$("#programid").select2({
  placeholder: "Select a Program",
  allowClear: true,
  minimumInputLength: 3,
  ajax: {
    url: "ajax.php",
    dataType: 'json',
    quietMillis: 200,
    data: function (term, page) {
      return {
        term: term, //search term
        flag: 'selectprogram',
        page: page // page number
      };
    },
    results: function (data) {
      return {results: data};
    }
  },
  dropdownCssClass: "bigdrop",
  escapeMarkup: function (m) { return m; }
});

此代码正常工作,但是,我需要在其上设置一个值,就像在编辑模式下一样.当用户第一次选择一个值时,它将被保存,当他需要编辑该值时,它必须出现在同一个选择菜单(select2)中,以选择之前选择的值,但我找不到方法.

更新:

HTML代码:

<input type="hidden" name="programid" id="programid" class="width-500 validate[required]">

Select2编程访问不适用于此.