Question

我正在使用SelectBoxIt来设置我的选择样式，如果我使用ID，它可以正常工作但是如果我使用类，虽然它的样式都可以，但是大多数选项只会影响类的第一个元素。

我试图得到它，以便在成功提交表单时重置选项，但只重置第一个。

我尝试过只使用jQuery来重置元素

$("input[name=positioning]").val($("input[name=positioning] option:first").val());

但所有这一切都重置了隐藏在样式版本下面的orignal选择，所以现在显示的值不是所选的值。

我也试过......

$(".exposure, .patient, .equip, .unit, .taken, .pathology, .pathway").selectBoxIt('selectOption', 0);

仅定位第一个元素

$(".exposure").selectBoxIt('selectOption', 0);
$(".patient").selectBoxIt('selectOption', 0);

再次只针对第一个元素

$(".exposure, .patient, .equip, .unit, .taken, .pathology, .pathway").each(function(){
        selectBoxIt('selectOption', 0);
});

根本无法使用错误selectBoxIt is not defined

使用ID时，一切都按预期工作，但问题是我打算在其中一个页面上使用它，在滑块中会有多个表单实例，所以我必须使用类。

Answer 1

我也尝试过使用它......

$(".positioning").data("selectBox-selectBoxIt").selectOption(0);

这将允许我定位多个类，但每个类必须单独定位，但同样只能在每个类的第一个实例上工作。

最后，我必须使用每个表单所具有的唯一ID来附加元素类（取自用于创建滑块的php while循环），因此页面上的每个选择都有一个唯一的类（所以现在它没有＆＃ 39;无论我现在使用id而不是类，都很重要

<form id="<?=$form_id?>">
    <select class="positioning_<?=$form_id?>">
    //rest of select here
</form>

var form_id = 'form_id'
$(".positioning_"+form_id).data("selectBox-selectBoxIt").selectOption(0);

不完全是我希望的解决方案，但它有效

SelectBoxIt仅适用于第一个类实例

1 个答案: