我有一个下拉框,目前有三个不同的选择,可以作出。根据所选内容,我希望与组关联的组ID自动填充到下面的文本框中。我怎样才能得到它,这样我就需要它了?
目前,只要做了选择,我就会得到一个
Cannot read property 'undefined' of undefined
在
var purchSelected = e.options[e.selectedIndex];
我的javascript函数中的行。
填充下拉列表的SQL查询:
$purchgroups = "SELECT [Purchasing_Group], [Purchasing_Group_ID]
FROM Final_Structure
GROUP BY [Purchasing_Group], [Purchasing_Group_ID]";
$purch = $dbh->query($purchgroups);
$purchDrop = $purch->fetchAll();
用于下拉列表和php foreach循环的html,用于引入值以及应自动填充值的文本框:
<select class="text ui-widget-content ui-corner-all item2" name="purchgroup" id="purchgroup" onChange="updateinput();">
<option class="choice"
value="0" selected>
Purchasing Group
</option>
<?php foreach($purchDrop as $dropdown) { ?>
<option class="choice"
value="<?php echo $dropdown['Purchasing_Group'];?>" .
data-purchgroupid="<?php echo $dropdown['Purchasing_Group_ID'];?>">
<?php echo $dropdown['Purchasing_Group'];?>
</option>
<?php } ?>
</select>
<label for="purchgroupid">Purchasing Group ID</label>
<input type="text" name="purchgroupid" id="purchgroupid" class="text ui-widget-content ui-corner-all" value="">
应在下拉列表值更改时调用的javascript函数:
function updateinput() {
var e = document.getElementById("purchgroup");
var purchSelected = e.options[e.selectedIndex];
console.log(purchSelected);
document.getElementById("purchgroupid").value = purchSelected.dataset.purchgroupid;
}