php - 检索 DropDown 的值(不显示项目)

Question

我正在使用 AJAX 动态填充 DropDown。 DropDown 代码如下所示:

<select class="element select medium" id="inDistrict" name="inDistrict" onclick="MakeRequest('divDistrict', 'inDistrict', 'SELECT * FROM districtmaster');" onchange="alert(document.getElementByID('inDistrict').value);"> 
    <option value="Select" selected="Select">Select</option>
</select>

在 AJAX 请求上执行的另一个文件包含以下代码:

<?php
    require("dbconnection.php");
    require("dbaccess.php");

    $dropdownControlName = $_GET['DropDownControlName'];
    $query = $_GET['SqlQuery'];
    dbconnection::OpenConnection();
    $result = dbaccess::GetRows($query);
?>
<select name="<?php echo $dropdownControlName; ?>">
<option>Select from the list</option>
<?php while($row=mysql_fetch_array($result))
{ ?>
    <option value="<?= $row[0] ?>"><?= $row[1] ?></option>
<?php } ?>
</select>

一切正常，下拉列表也被填充，只是我没有遵循如何选择选项的值。在上面的代码中，您可以看到我使用 row[0] 作为值，使用 row[1] 作为显示项。我想每当用户选择任何 row[1] 显示项时选择 row[0] 值。

在上面的第一个代码中，您可以看到我添加了一个 onchange 事件，并且只有一个警报框。但它没有执行。如何选择 row[0] 值以及为什么 onchange 事件未触发？

Answer 1

onchange 不会响应所选值的 DOM 操作而触发。您可以使用一些简单的 JavaScript 手动触发它:

var inDistrict = document.getElementById('inDistrict');
if (inDistrict.onchange)
  inDistrict.onchange();

如果您使用 jQuery，那就更简单了:

$('#inDistrict').change();

由于看起来您要使用 ajax 请求替换整个下拉列表，因此只需在其中添加一些 javascript 即可在填充完成后触发更改事件，然后就可以开始了。