因此，我有一个名为Trip ID的 Select 字段，其选项来自数据库.我还有另一个名为APS权重的 Select 字段，它有三个选项.STA、STB、STC-但这3个选项的值实际上是数字，而不是STA、STB、STC.STA、STB和STC是什么，实际上是这些 Select 选项的InnerHTML.
我的问题是，我想要正确 Select 一个行程ID，然后在更改时，所选的APS权重选项将成为行程ID值的前三个字母.
<select name="tripid" id="tripid" style="width: 300px"
onchange="document.getElementById('aps').value=tripid.value.slice(0,3)">
我想我的代码不起作用是因为.APS权重选项的值实际上是数字而不是字符串.
希望这能有所帮助！
const setAps = () => {
const select = document.getElementById("tripid");
const selectedOption = select.options[select.selectedIndex];
const selectedText = selectedOption.text;
const aps = selectedText.slice(0, 3);
const apsSlect = document.getElementById("aps");
const textToSelect = aps;
for (var i = 0; i < apsSlect.options.length; i++) {
if (apsSlect.options[i].text === textToSelect) {
apsSlect.selectedIndex = i;
break;
}
}
}<select name="tripid" id="tripid" onChange="setAps()">
<option>- Select-</option>
<option value="1">STAABC Trip Location 1</option>
<option value="2">STCABC Trip Location 2</option>
<option value="3">STCABC Trip Location 3</option>
<option value="4">STAABC some Location</option>
<option value="5">STBXYZ some Location</option>
<option value="6">STBXYZ some Location 2</option>
</select>
<select name="aps" id="aps">
<option>- Select APS Weight-</option>
<option value="1">STA </option>
<option value="2">STB</option>
<option value="3">STC</option>
</select>