如何使用msdropdown插件禁用选项

how to disable an option with msdropdown plugin

本文关键字：选项 插件 何使用 msdropdown      更新时间：2023-09-26

创建msDropdown插件后是否可以禁用某个选项？

我能更好地解释我的问题。我想用图标、文本和其他东西把html放进每个选项中，所以我首先创建一个空的选择，然后用add函数添加每个选项：

dropdown.add({text:$price.html(), value:'normal', className:'normal'});

问题是，如果发生某种情况，我必须禁用一个选项，但没有办法通过使用插件设置来设置禁用的选项。

在调用msDropdown函数之前，只有在select中设置相关参数disabled=disabled才能禁用选项，但我无法使用此解决方案，因为我必须将html常规地放入选项文本中。

还有别的办法吗？

谢谢你的帮助。

我找到了一个解决方案。

我创建了空的选择，并像以前一样用添加函数填充每个选项，但当这种情况发生时，只需执行以下操作：

var dropdown = $('select[name="priceType"]').msDropdown().data("dd");
if(credits_error) { // option must be disabled
    dropdown.destroy(); // Make it a simple select
    $('select[name="priceType"] option').attr('disabled', 'disabled');
    dropdown = $('select[name="priceType"]').msDropdown().data("dd");
}

通过这种方式，我首先通过调用destroy函数使其成为一个简单的select，然后正确设置禁用属性，并创建一个新的msDropdown select。

它对我有效，我在IE、FF和Chrome 上测试了它

是的，有可能。这可以通过使用选项标签的disabled属性来完成：

<select id="payments" name="payments" style="width:250px;">
    <option value="" data-description="Choos your payment gateway">Payment Gateway</option>
    <option value="amex" data-image="http://www.marghoobsuleman.com/mywork/jcomponents/image-dropdown/samples/images/msdropdown/icons/Amex-56.png" data-description="My life. My card...">Amex</option>
    <option value="Discover" data-image="http://www.marghoobsuleman.com/mywork/jcomponents/image-dropdown/samples/images/msdropdown/icons/Discover-56.png" data-description="It pays to Discover...">Discover</option>
    <option value="Mastercard" data-image="http://www.marghoobsuleman.com/mywork/jcomponents/image-dropdown/samples/images/msdropdown/icons/Mastercard-56.png" data-title="For everything else..." data-description="For everything else...">Mastercard</option>
    <option value="cash" data-image="http://www.marghoobsuleman.com/mywork/jcomponents/image-dropdown/samples/images/msdropdown/icons/Cash-56.png" data-description="Sorry not available..." disabled="true">Cash on devlivery</option>
    <option value="Visa" data-image="http://www.marghoobsuleman.com/mywork/jcomponents/image-dropdown/samples/images/msdropdown/icons/Visa-56.png" data-description="All you need...">Visa</option>
    <option value="Paypal" data-image="http://www.marghoobsuleman.com/mywork/jcomponents/image-dropdown/samples/images/msdropdown/icons/Paypal-56.png" data-description="Pay and get paid...">Paypal</option>
</select>

选项"cash"将被禁用。

这是一把正在工作的小提琴：http://jsfiddle.net/NKQRj/1/

编辑在第二个示例中，使用从JSON数据加载数据

$("#payments").msDropDown({byJson:{data:jsonData, name:'payments2'}}).data("dd");

以填充元素。

您可以使用disabled: true属性在JSON数据中将选项定义为禁用：

{image:'http://www.marghoobsuleman.com/mywork/jcomponents/image-dropdown/samples/images/msdropdown/icons/Cash-56.png', description:'Sorry not available...', value:'cash', text:'Cash on devlivery', disabled:true},

这是一把工作小提琴：http://jsfiddle.net/NKQRj/3/

相关文章：