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

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

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>

    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] ;
            }
        }
    }

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>

    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] ;
            }
        }
    }

A1
地下二层
地下三层
补体第四成份
碳五
C6

Java脚本代码

<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>

    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] ;
            }
        }
    }

var得分=[“A1”、“B2”、“B3”、“C4”、“C5”、“C6”]；
对于（i=10；i>4；i--）`{
对于（j=0；j来说，你所做的事情似乎有点复杂

你必须仔细检查你的语法


Document=>Document
If=>If
first.Value==I
，
first
不存在，
I
var得分=[“A1”、“B2”、“B3”、“C4”、“C5”、“C6”]；=>var得分=[“A1”、“B2”、“B3”、“C4”、“C5”、“C6”]；

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


document.getElementById（'first'）.addEventListener（“更改”，e=>{
const select=e.target；
document.getElementById（'text1'）。value=select.options[select.selectedIndex].text；
})；

A1
地下二层
地下三层
补体第四成份
碳五
C6
您好！我看到您的代码中有额外的“和”。另外，
这个词第一个是从哪里来的，它还没有定义。@JoseBarranco我在HTML文件中定义了它，很抱歉我没有发布它，但这是我所有选项的选择按钮1的id我同意@David Thomas您想实现什么？比如，使用减量运算符（我--），我只是没有得到你想要的。我会添加我的html代码，这样它会更清晰。非常感谢你，我尝试了这个。唯一的问题是文本框中显示的值是我想要文本A1 b2，其余的显示在文本中，而不是值