如何用jquery ui滑块控制css样式？ [英] How to control css style with jquery ui slider?
问题描述
我尝试使用jquery ui滑块制作控制我的php页面中表单数量的代码
这是我的php代码
I tried to make code that control the number of form in my php page wiht jquery ui slider
This is my php code
<body>
<form id="form_number">
<label for="minform">Choose number of form</label>
<select name="minform" id="minform">
<option>1</option>
<option>2</option>
</select>
</form>
<form action="" id="add_user" method="post">
<?php
include "../include/form.php";
?>
</form>
<form action="" name="add_user2" id="add_user2" method="post" style="visibility:hidden;">
<?php
include "../include/form.php";
?>
</form>
</body>
这是js滑块代码：
this is the js slider code:
$(function() {
var select = $( "#minform" );
var slider = $( "<div id='slider'></div>" ).insertAfter( select ).slider({
min: 1,
max: 2,
range: "min",
value: select[ 0 ].selectedIndex + 1,
slide: function( event, ui ) {
select[ 0 ].selectedIndex = ui.value - 1;
}
});
$( "#minform" ).change(function() {
slider.slider( "value", this.selectedIndex + 1 );
});
});
id =add_user的表单显示在页面中默认情况下..
当滑块值= 2时，如何在php页面中显示id =add_user2？
我知道方法document.add_user2.visibility =visible;将改变状态并使表单出现id =add_user2，但我仍然无法正确使用..
请帮助我并告诉我方式..
The form with id="add_user" is show in page by default..
How to make the id="add_user2" visible in the php page when the slider value=2??
I know method document.add_user2.visibility = "visible"; will change the state and make the form with id="add_user2" appear,,but I still can't get it right..
Please help me and show me the way..
推荐答案
（function（）{
var select =
(function() { var select =
（ #minform ）;
var slider =
( "#minform" ); var slider =
（ < div id ='slider'>< / div>）。insertAfter（ select ）.slider（{
min： 1 ，
max： 2 ，
范围： min，
value ：选择 [ 0 ] .selectedIndex + 1 ，
slide：function（ event ，ui）{
选择 [ 0 ] .selectedIndex = ui。 value - 1 ;
}
}）;
( "<div id='slider'></div>" ).insertAfter( select ).slider({ min: 1, max: 2, range: "min", value: select[ 0 ].selectedIndex + 1, slide: function( event, ui ) { select[ 0 ].selectedIndex = ui.value - 1; } });
这篇关于如何用jquery ui滑块控制css样式？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
