0

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

我正在尝试获取它，以便在成功提交表单时重置选择，但只有第一个会重置。

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

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

但这所做的只是重置隐藏在样式版本下方的原始选择，因此现在显示的值不是所选值。

我也试过...

$(".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 时一切都按预期工作，但问题是在我打算使用它的页面之一上，滑块中有多个表单实例，因此我必须使用类。

4

1 回答 1

0

我也试过用这个...

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

这将允许我定位多个类，但每个类都必须单独定位，但它只适用于每个类的第一个实例。

最后，我不得不使用每个表单具有的唯一 ID 附加元素类（取自用于创建滑块的 php while 循环），因此页面上的每个选择都有一个唯一的类（所以现在如果我现在也使用 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);

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

于 2017-07-25T13:30:38.923 回答