javascript - 根据所选选项更改表数据

标签 javascript jquery

我有一个表格显示来自数据库的数据。我有一个选择框,人们可以在其中选择他希望显示数据的货币。

当他这样做时,我需要刷新数据并将其显示为新货币。如果不刷新整个页面,我不知道该怎么做。

有什么想法吗?

<select id="currency">
<option value = "rub">В рублях</option>
<option value = "usd">USD</option>
<option value = "eur">EURO</option>
</select>
<table id="servers" cellpadding="0" cellspacing="0">
 <tr>
<td width="400"><b>Сервер</b></td>
<td width="100"><b>1 кк адены</b></td>
<td width="100"><b>1 ккк адены</b></td>
</tr>
<?php 
$sql = mysql_query("SELECT * FROM `prices`");
while($r = mysql_fetch_array($sql)) {
echo("\t\t<tr>\n");
echo("\t\t\t<td>".$r['name']."</td>\n");
echo("\t\t\t<td>$".round($r['kk']/$dollar, 2)."</td>\n");
echo("\t\t\t<td>$".round($r['kkk']/$dollar, 2)."</td>\n");
echo("\t\t</tr>\n");
} ?>
</table>

最佳答案

您可以使用 Ajax,它允许在不刷新整个页面的情况下请求数据库和检索数据。

这是介绍:http://www.w3schools.com/jquery/jquery_ajax_intro.asp

然后,查看 jquery API 并查看示例:http://api.jquery.com/jQuery.ajax/

祝你好运

关于javascript - 根据所选选项更改表数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15181121/

相关文章:

jquery - e.pageX 在所有分辨率下都无法正常工作

jquery - 我是否必须使用带有 jquery 的 ajax 完整选项的匿名函数?

javascript - 如何使用 Chart.js 在标签中放置新行?

javascript - 重新创建对象数组的方法返回重复相同对象的相同数组

javascript - 使用 innerHTML 更改页面上的所有文本

javascript - 定义多个变量、数组或其他东西的正确方法?

javascript - 未捕获的类型错误 - 无法读取 jQgrid 中未定义的属性 'msie'

javascript - 如何在 JavaScript 中复制一个对象?

javascript - 重新加载 Facebook 评论会导致跨源错误

javascript - 一种表单中有两个提交按钮。提交函数中的事件可以知道是哪一个吗?