将范围滑块数据上载到mysql数据库
将范围滑块数据上载到mysql数据库
提问于 2015-02-08 19:49:48
我正在制作一个具有PHP交互功能的音乐网站，在这个网站中，用户将能够查看艺术家的个人资料，并根据以下属性对他们进行评级:文字播放、流、隐喻和魅力，使用带有范围滑块的表单。
我想要它，以便当观众调整范围滑块时，相应的值将出现在滑块旁边。然后，当查看器提交表单时，我希望将数据库'lr‘中的值输入到表属性中，该表属性以INT格式保存列"Wordplay“、"Flow”、“隐喻”和"Charisma“。
这就是我到目前为止所拥有的。有人能帮帮我吗？
profilepage.html.php
<html>
<body>
<form action="?submitattr" method="POST" style="display:block">
<label for=Wordplay>Wordplay: </label>
<input type=range min=50 max=100 value=75 step=1 id=fader>
<output for=fader class=value name=outputwordplay>75</output><br>
<label for=Flow>Flow: </label>
<input type=range min=50 max=100 value=75 step=1 id=fader1>
<output for=fader1 class=value name=outputflow>75</output><br>
<label for=Metaphors>Metaphors: </label>
<input type=range min=50 max=100 value=75 step=1 id=fader2>
<output for=fader2 class=value name=outputmetaphors>75</output><br>
<label for=Charisma>Charisma: </label>
<input type=range min=50 max=100 value=75 step=1 id=fader3>
<output for=fader3 class=value name=outputcharisma>75</output><br>
<input type=submit name=submit value=Submit>
</form>
</body>
</html>
` Index.php
<?php
$link = mysqli_connect('localhost','root','xxxxx','xxxxx');
if(isset($_POST['submitattr'])){
$wordplay = $_GET['outputwordplay'];
$flow = $_GET['outputflow'];
$metaphors = $_GET['outputmetaphors'];
$charisma = $_GET['outputcharisma'];
$sql = "INSERT INTO attributes (Wordplay,Flow, Metaphors,Charisma) VALUES('$wordplay','$flow','$metaphors','$charisma')";
$query = mysqli_query($link, $sql);
if(!$query){
echo "Couldn't enter data";
}
else{
echo "Data entered";
}
}
include 'profileuser.html.php';
?>回答 1
Stack Overflow用户
发布于 2015-02-08 20:27:06
HTML和JavaScript部件应该如下所示：
$(document).ready(function () {
$('output[for=wordplay]').html($('#wordplay').val());
$('#wordplay').bind('change', function () {
$('output[for=wordplay]').html($('#wordplay').val());
});
$('output[for=flow]').html($('#flow').val());
$('#flow').bind('change', function () {
$('output[for=flow]').html($('#flow').val());
});
$('output[for=metaphors]').html($('#metaphors').val());
$('#metaphors').bind('change', function () {
$('output[for=metaphors]').html($('#metaphors').val());
});
$('output[for=charisma]').html($('#charisma').val());
$('#charisma').bind('change', function () {
$('output[for=charisma]').html($('#charisma').val());
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form method="post" action="?submitattr">
<label for="wordplay">Wordplay:
<input type="range" name="wordplay" step="1" id="wordplay" min="0" max="100" />
<output for="wordplay"></output>
</label>
<br />
<label for="flow">Flow:
<input type="range" name="flow" step="1" id="flow" min="0" max="100" />
<output for="flow"></output>
</label>
<br />
<label for="metaphors">Metaphors:
<input type="range" name="metaphors" step="1" id="metaphors" min="0" max="100" />
<output for="metaphors"></output>
</label>
<br />
<label for="charisma">Charisma:
<input type="range" name="charisma" step="1" id="charisma" min="0" max="100" />
<output for="charisma"></output>
</label>
<br />
<input type="submit" name="submit" value="Submit" />
</form>
在PHP部分中，您只需更改几行：
$wordplay = $_POST['wordplay'];
$flow = $_POST['flow'];
$metaphors = $_POST['metaphors'];
$charisma = $_POST['charisma'];首先，您必须像在HTML中声明的那样使用post方法。此外，您还必须得到输入的值，而不是输出元素的值。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28398591
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号