javascript - 如何在 onChange 中传递两个值

Question

所以，我有 2 个选择标签，并且在第二个选择标签的 onChange 事件期间；我想传递 2 个选择标签的值

    <td>District:
    <div>
    <select name="district" id="district" onchange="getZone(this.value)">
    <option value="ALL">ALL</option>
    <?php
     include_once 'newcompute.php';
     $computation = new newcompute();
     echo $computation->getDistrict();
    ?>
    </select>
    </div>
    </td>
    <td>Barangay:&nbsp;
<div id="barangay" name="barangay">
    <select onchange="loadReport(barangay.value,district.value)">
<option>Select a Barangay</option>
<option value="ALL">ALL</option>
</select>
    </div>
</td>
    </tr>

所以，我尝试做 onchange="loadReport(barangay.value,district.value)" 但我只得到了一个 UNDEFINED 值

如何让 loadReport 传递选择标签区的当前选定值？

Answer 1

您可以在函数本身中检索其他标签。无需从这里传递。

function loadReport(barangayValue)
{
    var district = document.getElementById('district');
    var districtValue = district.value;
    //Your stuff
}

Answer 2

试试这个方法

<select onchange="loadReport(this.value,document.getElementById('district').value)">
<option>Select a Barangay</option>
<option value="ALL">ALL</option>
</select>