jquery - 选择2 : programmatically controlling placeholder

Question

我想更改 select2 上的占位符，增强对事件的控制。

所以我得到了这个...

<select id="myFoo" placeholder="Fight some foo...">

...然后增强:

init: function(){
   $('#myFoo').select2();
},

...现在它有了正确的占位符。

但是我希望它对事件使用react并清除占位符...

someButtonPress: function(){
//   $('#myFoo').placeholder("");
//   $('#myFoo').attr('placeholder', "");
//   $('#myFoo').select2('placeholder',"");
//   $('#myFoo').select2({placeholder:""});
//   none of these work
}

这看起来很基本，但我却被难住了。

我在文档中找不到任何内容。我是不是找错地方了？

Answer 1

更新

如果您通过 HTML data-placeholder 属性设置占位符，则需要更改它而不是内部选项，因此它将看起来为 Fabian H.建议:

$select.attr("data-placeholder", "New placeholder text");
$select.data("select2").setPlaceholder();

或者如果没有，请使用内部选项select2.opts.placeholder:

var select2 = $select.data("select2");
select2.opts.placeholder = "New placeholder text";
select2.setPlaceholder();

这当然并不完美，但比破解 select2 生成的 HTML 更好。

1. this.$select.data("select2") 为您提供内部 select2 对象，以便您可以访问其属性和方法(不仅仅是那些导出以供外部使用的属性和方法)<
2. 接下来我将更新占位符内部选项或更改相关数据属性
3. 最后，我触发了设置新占位符的内部方法 setPlaceholder。

希望有帮助!