在我的jPicker中,我想重置背景颜色和HTML重置按钮,重置文本框的值,jPicker将背景颜色填充到特定的文本框,并且不会重置。 所以我的问题是,我是否需要使用自定义任何jQuery函数来重置背景颜色? 或者HTML重置按钮可以做到这一点,如果是,那么如何?
如果页面有多个jPickers,如何一次打开单个对话框?在此处添加我之前未回复的问题:(I have multiple jPickers on same page ,how do i open single jPicker dialog at a time?
将我的代码附加到EXAMPLE CODE
答案 0 :(得分: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> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
<form>
<input class="Multiple" id="t1" type="text" value="" /><br />
<p> </p>
<input class="Multiple" id="t2" type="text" value="" /><br />
<p> </p>
<input class="Multiple" id="t3" type="text" value="" />
<p> </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");
});
});