首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >SelectBoxIt仅适用于类的第一个实例

SelectBoxIt仅适用于类的第一个实例
EN

Stack Overflow用户
提问于 2017-07-25 20:35:29
回答 1查看 84关注 0票数 0

我使用SelectBoxIt来样式化我的选择,如果我为它们使用ID,它可以很好地工作,但是如果我使用类,尽管它样式化它们都可以,但是大多数选项只会影响类的第一个元素。

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

我已经尝试使用jQuery来重置元素

代码语言:javascript
运行
复制
$("input[name=positioning]").val($("input[name=positioning] option:first").val());

但所有这些操作都是重置隐藏在样式版本下的原始选择,因此现在显示的值不是所选的值。

我也试过..。

代码语言:javascript
运行
复制
$(".exposure, .patient, .equip, .unit, .taken, .pathology, .pathway").selectBoxIt('selectOption', 0);

仅针对第一个元素

代码语言:javascript
运行
复制
$(".exposure").selectBoxIt('selectOption', 0);
$(".patient").selectBoxIt('selectOption', 0);

同样,只针对第一个元素

代码语言:javascript
运行
复制
$(".exposure, .patient, .equip, .unit, .taken, .pathology, .pathway").each(function(){
        selectBoxIt('selectOption', 0);
});

出现错误selectBoxIt is not defined时根本不起作用

使用ID时,一切工作正常,但问题是,在我打算使用它的其中一个页面上,滑块中将有多个表单实例,因此我必须使用类。

EN

回答 1

Stack Overflow用户

发布于 2017-07-25 21:30:39

我也试过用这个……

代码语言:javascript
运行
复制
$(".positioning").data("selectBox-selectBoxIt").selectOption(0);

这将允许我针对多个类,但每个类都必须单独针对,但它只能在每个类的第一个实例上工作。

最后,我必须使用每个表单的唯一ID (取自用于创建滑块的php while循环)附加元素class,这样页面上的每个select都有一个唯一的类(所以现在我用id代替class也没有关系)

代码语言:javascript
运行
复制
<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);

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45303481

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档