0

抱歉,如果我的标题令人困惑,我不知道如何准确描述我正在使用的数组。我正在使用简单的 ajax,以便用户可以选择案例中提供者的数量。然后填充正确数量的下拉框。基本上下拉菜单是用这个 php/html 代码创建的,其中 q 是用户选择的提供者的数量:

for ($i=1; $i<=(intval($q)); $i++)
{
    echo "Name of Anesthesia Provider " . $i . ": ";
    echo "<select name=\"anesthesiaprovider[]\">";
    $result = mysqli_query($con,"SELECT * FROM Anesthesia_Provider ORDER BY Lname");
    if (!(mysqli_query($con, $sql))) {
        echo "<br>";
        echo 'Error in inserting data: ' . mysqli_error($con);
    }

    echo "<option name=\"anesthesiaprovider[]\" value=\"selectprovider\">Anesthesia Provider " . $i . "</option>";

    while($row = mysqli_fetch_array($result))
    {
        echo "<option name=\"reviewer\" value=\"" . $row['Anesthesia_Provider_Number'] . "\">" . $row['Lname'] . ", " . $row['Fname'] . "</option>";
    }   
    echo "</select>";
    echo "<br>";
    echo "<br>";
}

我想使用 javascript 来确保为每个框选择了一个提供程序。如果未选择一个,则以黄色突出显示。这是我的 javascript 代码,它验证表单提交:

function validateQualityReport(theForm)
{
    var reason = "";
    reason += validateCase(theForm.case);
    reason += validateAnesthesiologists(theForm.element['anesthesiaprovider[]'])

    if (reason != "") {
        alert("Some fields need correction:\n" + reason);
        return false;
    }
    alert("All fields are filled correctly");
    return false;
}

function validateAnesthesiologists(fld){
    var error = "";
    alert(fld.length);
    for (var i = 0; i < fld.length; i++) {
        if (fld[i].value =="selectprovider"){
            fld[i].style.background = 'Yellow';
            error += "Make a selection for provider " + (i+1).toString() + "\n";
        }else{
            fld[i].style.background = 'White';
        }
    }
    return error;
}

该代码适用于除选择一个提供商之外的所有内容。然后它说 fld.length 是 56(所以下拉框中的所有内容),当它突出显示时,它不会突出显示整个下拉列表,它只突出显示第一个。这里发生了什么?我在这里先向您的帮助表示感谢。

4

2 回答 2

0

您的 php 代码需要进行以下更改

// move sql query out of loop as don't need to read 'q' times
$result = mysqli_query($con,"SELECT * FROM Anesthesia_Provider ORDER BY Lname");
if (!(mysqli_query($con, $sql))) {
    echo '<br>Error in inserting data: ' . mysqli_error($con);
} else {

for ($i=1; $i<=(intval($q)); $i++)
{
    echo "Name of Anesthesia Provider " . $i . ": ";
    echo "<select name=\"anesthesiaprovider[]\">";

    // remove name attribute as invalid HTML
    echo "<option value=\"selectprovider\">Anesthesia Provider " . $i . "</option>";
    // move to start of result - untested but should work
    $result->data_seek(0);
    // loop through results
    while($row = mysqli_fetch_array($result))
    {
        echo "<option value=\"" . $row['Anesthesia_Provider_Number'] . "\">" . $row['Lname'] . ", " . $row['Fname'] . "</option>";
    }   
    echo "</select>";
    echo "<br>";
    echo "<br>";
}}

您的 JavaScript 代码现在应该只能找到与每个 <select> 元素相关联的 anestheprovider[] 而不是 <option> 元素。这就是突出显示不正确的原因。

如果只显示一个列表框,我不确定为什么你会得到数字 56。

于 2013-05-31T00:17:08.567 回答
0

您的问题有些令人困惑,但据我所知,唯一的第一个元素被“突出显示”为黄色,因为您专门针对它进行过滤: if (fld[i].value =="selectprovider"){ fld[i].style.background = 'Yellow';

如果将 else 语句从更改 fld[i].style.background = 'White';fld[i].style.background = 'Yellow'; 列表中的其余元素也将被“突出显示”。

对于它的价值,我个人还会通过使用node.children.lengthnode.children[i]

于 2013-05-30T23:18:45.427 回答