我正在努力让我的网站看起来更好一点,我打算用滑块/文本框输入组合替换当前的文本框输入,除了我不知道如何使它在当前编码中工作。< / p>
目前的代码如下:
<tr><td>Risk:</td><td><?php textbox('CT class=textbox',$risk,10 ); ?></td></tr>
$ risk在代码中提前设置为0,当提交表单时,它用于决定您想要使用的(显然)风险,范围从0到100,根据该数字进行一些计算一旦你点击提交。
我想使用一些标准的简单滑块,它应该是这样的:
<input type="range" min="0" max="100" value="0" link-to="risktext">
<br><br>
<input type="text" id="risktext">
javascript部分:
$(function() {
$('input').filter( function(){return this.type == 'range' } ).each(function(){
var $slider = $(this),
$text_box = $('#'+$(this).attr('link-to'));
$text_box.val(this.value);
$slider.change(function(){
$text_box.val(this.value);
});
$text_box.change(function(){
$slider.val($text_box.val());
});
我现在遇到的问题,我想它真的很容易(我在这些代码中非常基本),我如何链接所有这些以改变$ risk的价值?
我希望有人可以帮助我:)。
答案 0 :(得分:0)
这是您正在寻找的基本方法(我认为)。
<?php
//Assign the risk value to 0 or the value defined in the $_POST variable.
$risk = 0;
if(isset($_POST['range'])) //Use the name of your control
$risk = $_POST['range'];
?>
<html>
<head>
<title></title>
</head>
<body>
<form action="" method="POST">
<input type="range" name="range" min="0" max="100" value="<?php echo $risk; ?>" link-to="risktext" />
<br />
<br />
<input type="text" name="riskText" id="risktext" value="<?php echo $risk;?>" />
<input type="submit" name="submitBtn" value="Submit" />
</form>
</body>
</html>