帮助链接选择和现有表单值，例如：添加

Question

我有一个 3 步链式选择序列，game ->;战斗->获胜方 ，从 MySQL 数据库中提取所有数据。

在互联网上闲逛之后，我发现了一个紧凑的 jQuery 脚本，它的性能非常好。但是，我不知道如何使用此脚本允许现有数据：。

chained select javascript：

<script>
var ajax = new Array();

function getScenNumList(sel)
{
    var game = sel.options[sel.selectedIndex].value;
    document.getElementById('scenarioNumber').options.length = 0;   // Empty scenario number select box
    if(game.length>0){
        var index = ajax.length;
        ajax[index] = new sack();

        ajax[index].requestFile = 'js/getPlayData.php?gameName='+game;  // Specifying which file to get
        ajax[index].onCompletion = function(){ createScenarioNumbers(index) };  // Specify function that will be executed after file has been found
        ajax[index].runAJAX();      // Execute AJAX function
    }
}

function createScenarioNumbers(index)
{
    var obj = document.getElementById('scenarioNumber');
    eval(ajax[index].response); // Executing the response from Ajax as Javascript code
}

function getNations(sel)
{
    var scenNum = sel.options[sel.selectedIndex].value;
    document.getElementById('victor').options.length = 0;   // Empty nation select box
    if(scenNum.length>0){
        var index = ajax.length;
        ajax[index] = new sack();

        ajax[index].requestFile = 'js/getPlayData.php?scenID='+scenNum; // Specifying which file to get
        ajax[index].onCompletion = function(){ createNations(index) };  // Specify function that will be executed after file has been found
        ajax[index].runAJAX();      // Execute AJAX function
    }
}

function createNations(index)
{
    var obj = document.getElementById('victor');
    eval(ajax[index].response); // Executing the response from Ajax as Javascript code
}

</script>

摘自 PHP 数据库检索脚本 (getPlayData.php)：

$gameName = mysql_real_escape_string($_GET['gameName']);

$q = "SELECT a, b, c FROM table WHERE game='$gameName' ORDER BY num ASC";

$r = mysql_query($q);

echo "obj.options[obj.options.length] = new Option('#','');\n";

while ($row = mysql_fetch_row($r)) {

    $string = mysql_real_escape_string(($row[0].' - '.$row[1])); // needed so quotes ' " don't break the javascript

    echo "obj.options[obj.options.length] = new Option('$string','$row[2]');\n";

}

回显 obj.options 是此脚本使用的常用方法。这对我来说似乎很难看，但我不知道任何 JavaScript，所以我不想摆弄它。

HTML 非常简单，只是一个包含一些空 对象的表，其 ID 与 javascript 和 onchange="getXXX(this)" 调用中的 ID 匹配。

我的问题是这样的：对于新记录来说一切都很好，但我不知道如何改变它以支持将每个选择中的一个选项标记为选定的，假设我有该数据手（例如：用户正在编辑现有记录）？

非常感谢！

Answer 1

您可以参阅本教程，了解如何创建默认选择的选项。 http://www.javascriptkit.com/javatutors/selectcontent.shtml 中的一个参数选项构造函数指示是否选择该选项。

在 PHP 文件中，您将进行如下编辑：

$gameName = mysql_real_escape_string($_GET['gameName']);

$q = "SELECT a, b, c FROM table WHERE game='$gameName' ORDER BY num ASC";

$r = mysql_query($q);

echo "obj.options[obj.options.length] = new Option('#','');\n";

while ($row = mysql_fetch_row($r)) {

    $string = mysql_real_escape_string(($row[0].' - '.$row[1])); // needed so quotes ' " don't break the javascript
    if ($string ......)
    echo "obj.options[obj.options.length] = new Option('$string','$row[2]', false, true);\n";
    else
     ......

}