jPicker 在重置按钮上重置背景颜色以及如何一次打开单个 jPicker 对话框？

Posted 2023-05-08

【中文标题】jPicker 在重置按钮上重置背景颜色以及如何一次打开单个 jPicker 对话框？

【英文标题】：jPicker reset background color on reset button and how i get opened single jPicker dialog at a time?

【发布时间】：2014-07-09 21:01:40

【问题描述】：

在我的 jPicker 中，我想重置背景颜色和 html 重置按钮重置文本框的值，并且 jPicker 已将背景颜色填充到特定文本框并且它没有被重置。 所以我的问题是，我还需要使用自定义任何 jQuery 函数来重置背景颜色吗？ 或者 HTML 重置按钮可以做到这一点，如果是，那么如何？

如果页面有多个 jPicker，如何一次打开单个对话框？在此处添加我之前尚未回答的问题:( I have multiple jPickers on same page ,how do i open single jPicker dialog at a time?

将我的代码附加到EXAMPLE CODE

【参考方案1】：

使用下面的 jQuery 代码作为重置按钮

$(document).ready(
    function()
    
      $('.Multiple').jPicker();
        $("#resetbutton").click(function()
           $(".Multiple").css("background-color","rgba(0, 0, 0, 0)");
        );
    );

并在重置按钮的 html 中使用以下 HTML 集 ID

<input type="reset" name="reset" value="reset" id="resetbutton"/>

一次更改 1 个 jPicker 修改后的 HTML 代码

<p>&nbsp;</p>
<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
<form>
<input class="Multiple" id="t1" type="text" value="" /><br />
    <p>&nbsp;</p>

<input class="Multiple" id="t2" type="text" value="" /><br />
    <p>&nbsp;</p>
<input class="Multiple" id="t3" type="text" value="" />
    <p>&nbsp;</p>
<input type="reset" name="reset" value="reset" id="resetbutton"/>
</form>

修改后的 jQuery 代码

$(document).ready(
    function()
    
        $('.Multiple').jPicker(function()
        );

        $(".jPicker").click(function()

            for(var i=0;i<$.jPicker.List.length;i++)
            
                if($.jPicker.List[i].id != $(this).prev().attr("id"))
                
                    $.jPicker.List[i].hide();
                

            


        );
        $("#resetbutton").click(function()
           $(".Multiple").css("background-color","#fff");

        );
    );

【讨论】：

感谢您的快速回复。但是对话框打开问题呢？