如何使用for循环将输入从选择框输入到文本框

Question

我试图编写一个代码，使我能够在文本框中显示选择框的值，但它变得有点笨重，所以我决定尝试循环代码以轻松启用，但我的 java 脚本似乎不起作用

HTML代码

HTML代码

<input type="text" id="text1" style="width: 40px;height: 25px;" name="">
<select id="first" onclick="input1()">
                <option value="10">A1</option>
                <option value="9">B2</option>
                <option value="8">B3</option>
                <option value="7">C4</option>
                <option value="6">C5</option>
                <option value="5">C6</option>
            </select>

Java 脚本代码

    var Score = ["A1" , "B2", "B3'', "C4'' ,"C5'', "C6''];
    for(i = 10 ; i>4 ; i--) `{
        for(j=0 ; j<Score.length ; j++) {
            If(first.Value==I ) {
                Document.getElementById('Text1').value = Score[j] ;
            }
        }
    }

Answer 1

你在做什么似乎有点复杂。

你必须仔细检查你的语法

• Document => document
• If => if
• first.Value==I ， first不存在， I也不存在
• var Score = ["A1" , "B2", "B3'', "C4'' ,"C5'', "C6'']; => var Score = ["A1" , "B2", "B3", "C4" ,"C5", "C6"];

这可以在没有单个循环的情况下实现。 将事件侦听器添加到您的选择中，如果值发生更改，则更新文本框。

 document.getElementById('first').addEventListener("change", e => { const select = e.target; document.getElementById('text1').value = select.options[select.selectedIndex].text ; });

 <input type="text" id="text1" style="width: 40px;height: 25px;" name=""> <select id="first"> <option value="10">A1</option> <option value="9">B2</option> <option value="8">B3</option> <option value="7">C4</option> <option value="6">C5</option> <option value="5">C6</option> </select>

也许我完全理解你，如果是这样告诉我，那么我会编辑我的问题或删除它。