根据所选选项设置输入属性

Question

我正在尝试根据选择框中所选选项的值设置隐藏输入字段的值
这是我试过的。

HTML

<select id="track_type_selected">
  <option value="0">51 Track 3m</option>
  <option value="1">64 Track 3m</option>
  <option value="2">103 Track 3m</option>
</select>
<input type="number" name="required_tracks_name" id="required_tracks_id" class="sku" sku="" disabled="">

Javascript

if ('#track_type_selected' == 1) {
    '#required_tracks_id'.sku('TRACK3');
}else if('#track_type_selected' == 2) {
    '#required_tracks_id'.sku('TRK30');
}else if ('#track_type_selected' == 3) {
    '#required_tracks_id'.sku('TRACK-1033');
}

选择该选项后，我想设置 SKU 的值。

Answer 1

在我继续解决方案之前，我可以理解您对 JavaScript 有基本的零知识......确保您了解 JavaScript 语法的工作原理，然后继续。

要获取所选选项，请使用以下代码：

var e = document.getElementById("track_type_selected"); var selectedIndex = e.options[e.selectedIndex].value;

selectedIndex变量现在应该包括当前选定的索引。 （1,2,3...等）

所以你可以这样做：
if(selectedIndex==1){/* some code */}

现在，要获取 sku 属性（因为您确认使用了 jquery），您可以执行以下操作：
$("#required_tracks_id").attr("sku");

确保检查 .attr 使用情况并根据需要对其进行编辑。