获取从下拉菜单中选择的每个用户要更改的输出数据
Getting outputted data to change per user selected from drop-down
我正处于最困难的时刻,我确实需要弄清楚,因为我计划在未来经常使用它。
我有一个下拉框,在那个选项框中,我有我想要显示的所有用户。然后在下面有输入框,输出用户的输赢次数。
到目前为止,我想要在选项框中显示的所有用户的输出和输赢输出,但是如果我尝试选择一个新用户来查看他们的数据,输出不会改变。我不知道是否把它放在这个类别或Javascript,因为我确信我将需要AJAX来做到这一点,这样我就不需要重新加载页面,但我应该从这里去哪里使这个工作?
try {
//Prepare
$con = mysqli_connect("localhost", "", "", "");
if ($stmt = $con->prepare("SELECT * FROM team_rankings WHERE user_id=user_id")) {
$stmt->execute();
$stmt->bind_result($ranking_id, $ranking_user_id, $ranking_firstname, $ranking_username, $ranking_division, $ranking_wins, $ranking_losses);
//var_dump($stmt);
if (!$stmt) {
throw new Exception($con->error);
}
$stmt->store_result();
echo "<select name = 'member'>";
while ($row = $stmt->fetch()) {
echo "<option value = '{$ranking_user_id}'";
echo ">{$ranking_firstname}</option>";
}
echo "</select>";
} else {
echo "<p>There are not any team players yet.</p>";
}
}
catch (Exception $e)
{
echo "Error: " . $e->getMessage();
}
?><br><br>
<label>Wins
<input type="text" value="<?php echo $ranking_wins; ?>">
</label>
<label>Loss
<input type="text" value="<?php echo $ranking_losses; ?>">
</label>
你的php文件应该是这样的:你需要制作一个新的文件,然后你用来加载第一页。如果其他因素影响了这段代码,请注释。
<?php
if(isset($_POST['userID'])){
try {
//Prepare
$con = mysqli_connect("localhost", "", "", "");
if ($stmt = $con->prepare("SELECT * FROM team_rankings WHERE user_id=".$_POST['userID'])) {
$stmt->execute();
$stmt->bind_result($ranking_id, $ranking_user_id, $ranking_firstname, $ranking_username, $ranking_division, $ranking_wins, $ranking_losses);
if (!$stmt) {
throw new Exception($con->error);
}
$stmt->store_result();
$result = array();
while ($row = $stmt->fetch()) {
$result["win"] = $ranking_wins;
$result["losses"] = $ranking_losses;
}
}
}
catch (Exception $e)
{
echo "Error: " . $e->getMessage();
}
echo json_encode($result);
}
?>
Html部分,包括jquery代码。在这里,您可以触发select的更改函数,它将发送userID到php文件并接收JSON数据。然后你可以把这些值赋给你的输入。您需要包含jquery库来处理此操作。
<script>
$(document).ready(function(){
$("select[name='member']").on("change",function(){
$.post("PHP file Path",{userID:$("select[name='member']").val()},function(data){
var result = JSON.parse(data);
$("#win").val(result.win);
$("#losse").val(result.losse);
});
});
});
</script>
<label>Wins
<input type="text" value="<?php echo $ranking_wins; ?>" id="win">
</label>
<label>Loss
<input type="text" value="<?php echo $ranking_losses; ?>" id="losse">
</label>
相关文章:
- 以不同的顺序输出数据
- 如何为d3.js图表输出组织/嵌套数据
- 将IndexedDB中的数据拉入数组,并通过ReactJS输出
- 如何将JSON数据转换为变量,解析并输出为HTML
- 如何在Javascript中输出提示数据
- Highcharts将数据输出到HTML表
- 在javascript中测量websockets数据输入/输出的大小
- JS函数只返回未定义的数据,但alert输出正确的数据
- 如何在客户端输出数据?(express+monodb+jade)
- 如何将数据输出到 CasperJS 中的文件
- 使用 JS 将 XML 数据输出到 HTML
- 将“加载更多”添加到从Google电子表格中通过$.getJSON接收的数据输出中
- 将 php 数据输出到 jquery 数组中
- 我可以使用这种消毒液安全地将数据输出给用户吗
- 在我的visual studio应用程序页面中显示正在运行的控制台程序数据输出
- 使用php格式化数据输出
- 根据下拉改变数据输出
- 使用Ajax和PHP进行数据输出
- 数据输出在javascript中是重复的.如何修复
- 使用jQuery/PHP将数据输出到浏览器的多部分表单.如何显示输入数据