Question

我有一个html数据表，每行都有一个下拉框。如果用户更改了下拉框的值，我希望该行中的数据发生更改（基于数据库调用以查找下拉框新值的关联数据）。

作为一个基本的例子，假设一张桌子显示了篮球队的球员以及他们的身高。想象一下，玩家是从下拉框中选择的...如果用户使用下拉框更改该行中的玩家，我希望该玩家的高度在html表中更改。例如，如果在下表中用户将Kobe Bryant的玩家更改为其他玩家（比如Ray Allen），则根据Ray Allen身高的数据库查找，Height列会发生变化。

Player           Height
[Kobe Bryant V]   6'6"
[Dwyane Wade V]   6'4"

我想使用jquery或javascript来做这件事。此外，我正在使用CakePHP作为我的网站，但如果这全部由jquery或javascript处理，那可能不相关。谢谢你的帮助！莱恩

Answer 1

使用JQuery相当容易。只需将onchange事件附加到下拉列表中，并使该事件生成一个AJAX / AJAJ请求，该请求可以返回您需要的新HTML值。

<select id="player">
     <option value="KobeBryant">Kobe Bryant</option>
     <option value="DwayneWade">Dwayne Wade</option>
</select>

和jQuery来发出请求（我在这里使用JSON，你也可以使用XML）

$("#player").change( function (event) {
     $.getJSON('player.php?player=' + $(this).val(), function (json) { 

          // Change data in the table

     });
});

http://docs.jquery.com/Ajax/jQuery.getJSON

在这种情况下，

player.php需要根据您发送的播放器返回JSON。

http://www.json.org/example.html

根据下拉框选择更新表数据

1 个答案: