使用Ajax.Updater根据先前的选择填充选择下拉列表

时间:2012-11-06 13:10:10

标签: php html ajax prototypejs

我正在尝试使用基于php页面输出的选项自动填充选择下拉列表。

我正在使用最新版本的原型,并且我已经设置了Ajax.Updater以获取具有正确参数的php页面。我可以在列表中轻松显示此结果,但如何使此列表成为选择框的选项?

function get_second_list() {
new Ajax.Updater("second_list", "invBatchNumberFromProd.php?q="+$F("product"),{method:"get"});
}

以我的形式,我有

<label>Batch Number:</label><select id="second_list" name="batch">
    <option> 
    </option>
</select>

从这一点来看,我无法弄清楚要做什么。我的php页面输出了一个文本列表,但我可以像任何人推荐的那样轻松地输出这个输出。

如果我需要澄清任何内容,请告诉我。

1 个答案:

答案 0 :(得分:1)

我现在已经弄明白了。

我只是让PHP页面在选项标签中输出每个结果,然后创建一个夹在由Ajax.Updater更新的select标签之间的div

<label>Batch Number:</label><select id="second_list" name="batch">
<div id="second_list">

</div>
</select>

来自PHP

while($row = mysql_fetch_assoc($result)) {
    echo "<option>";
    echo $row['batchNumber'];
    echo "</option>";
}