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

【问题标题】：jPicker reset background color on reset button and how i get opened single jPicker dialog at a time?jPicker 在重置按钮上重置背景颜色以及如何一次打开单个 jPicker 对话框？
【发布时间】：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

【问题讨论】：

标签： javascript jquery html css jpicker

【解决方案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");

        });
    });

【讨论】：

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