Javascript 从单个下拉列表填充 2 个文本框

Question

我有以下代码，我认为它很接近，但我遗漏了一些东西。

var mydropdown = document.getElementById('dropdown');
mydropdown.onchange = function(){
     var fullString = this.value;

     var mySplitResult = fullString.split(".");\
     for(i = 0; i < mySplitResult.length; i++){
        document.getElementById('a') + i.value = mySplitResult[i]);
      }
}

HTML 如下:

<select id="dropdown">
    <option value="">None</option>
    <option value="1220.2440">1220x2440</option>
    <option value="640.480">640x480</option>
</select>

<p>Sheet Size <input id="a0" name="a0" size="10"> X <input id="a1" name="a1" size="10" /></p>

任何帮助将不胜感激

Answer 1

您的代码中有两个错误:

1. 正如 @faino 和 @Mustafa 所说，您没有针对文本输入，因为它缺少它们的 id 补码(您输入的用于区分它们的整数，0 和 1)。
2. 同一行末尾还剩下一个 )。

所以更新的 JavaScript 代码是:

// try to use addEventListener,
// so you can add more than one listeners for the same event
mydropdown.addEventListener("change", function(){
     var fullString = this.value;

     var mySplitResult = fullString.split(".");

     for(i = 0; i < mySplitResult.length; i++){
        document.getElementById('a' + i) = mySplitResult[i];
      }
});