Question

我有两个车辆的HTML列表：自行车和卡车，具有相关属性的表格（＆＃34;轮子＆＃34;和＃34;窗口＆＃34;），以及嵌套对象（＆＃34; vehicle＆＃34;）包含所述属性的相关值。

我想编写一个函数，它将获取所选车辆的id，将其与嵌套对象中的对象进行匹配，然后使用适当的属性填充表单。

例如，如果你选择＆＃34; van＆＃34;从列表中，表单填充＆＃34; wheel＆＃34;用＆＃34; 2＆＃34;和窗口用＆＃34; 1＆＃34;。

理想情况下，该功能足够灵活，可以包含额外的车辆。

任何帮助将不胜感激。谢谢。

＆＃13;

var bikeDetails = {
  wheels: 2,
  windows: 0
};
var vanDetails = {
  wheels: 4,
  windows: 1
};

var vehicles = {
  bike: bikeDetails,
  van: vanDetails
};

＆＃13;

<div id="classSelectWrapper">
  <form>
    <select id="vehicleList">
      <option value="bike">bike</option>
      <option value="van">van</option>
    </select>
  </form>
</div>


<div class="vehicleDetails">
  <form id="vehicleProps">
    <p>
      <label for="wheels" value="">wheels:</label>
      <input id="wheels" type="text" name="wheels" value="" disabled>
    </p>

    <p>
      <label for="windows">windows:</label>
      <input id="windows" type="text" name="windows" value="" disabled>
    </p>
  </form>
</div>

＆＃13;

Answer 1

您的脚本可能是这样的：

wordfence-waf.php

Answer 2

您的问题的解决方案可以像这样实现，希望它能帮助您：

document.querySelector("#vehicleList").addEventListener("change", function(e) {
  let value = e.target.options[e.target.selectedIndex].value;
  if(value in vehicles) {
    document.querySelector("#wheels").value = vehicles[value].wheels;
    document.querySelector("#windows").value = vehicles[value].windows;
  }
});

将HTML Id与对象的属性进行匹配

2 个答案: