相关疑难解决方法(0)

重置select2值并显示占位符

如何通过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; …
Run Code Online (Sandbox Code Playgroud)

jquery twitter-bootstrap jquery-select2

197
推荐指数
16
解决办法
31万
查看次数

使用重置按钮重置下拉列表中的Select2值

将所选项目重置为默认值的最佳方法是什么?我正在使用Select2库,当使用普通按钮时type="reset",下拉列表中的值不会重置.

因此,当我按下我的按钮时,我希望再次显示"全部".

jQuery的

$("#d").select2();
Run Code Online (Sandbox Code Playgroud)

HTML

<select id="d" name="d">
  <option selected disabled>All</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>
Run Code Online (Sandbox Code Playgroud)

html javascript forms jquery-select2

59
推荐指数
8
解决办法
11万
查看次数

替换select2选项?

所有,

我有两个选择框:

  • 水果选择
  • FruitQuantity选择

根据Fruit中选择的选项,将影响FruitQuantity的选项.

所以使用select2,我想简单地通过这样做替换select中的所有选项.

var options = [];
            $.each(pageData.products[selectedFruit].quantities, function (key, value) {
                options.push({
                    text: value.quantity,
                    id: value.quantity,

                })
            });
            console.log(options.length);
            $quantitySelect.select2( { data : options });
Run Code Online (Sandbox Code Playgroud)

问题是select2只是将新数据附加到已经存在的内容上.我希望它清除所有选项并添加新选项.

否则我的选择框会填满不正确的选项.

我试过这个问题使用jQuery Select2清除下拉列表

$quantitySelect.select2('data', null)
Run Code Online (Sandbox Code Playgroud)

这没什么,但它不清楚.

帮助我欧比万,你是我唯一的希望.

jquery jquery-select2

4
推荐指数
2
解决办法
4614
查看次数

如何清除select2下拉列表?

我正在处理一个要求,即在通过Ajax提交表单之后必须清除select2下拉框。我已经搜索并尝试了几种解决方案,但是没有用。

我的select2代码是:

$(document).ready(function(){
 $("#my_select_id").select2({
      placeholder: "Select One Option",
      allowClear: true,
      initSelection: function(element, callback) { }
 }); 
})
Run Code Online (Sandbox Code Playgroud)

清除select2的脚本是:

$('#my_select_id').select2("val", "");
Run Code Online (Sandbox Code Playgroud)

谁能告诉我这段代码有什么问题,谢谢。

jquery jquery-select2

2
推荐指数
1
解决办法
7196
查看次数