Javascript 通过上面的输入更改选择/选项通用文本

我的目标是让文本字段中的文本输入替换选择/选项下拉列表中的通用选项。我现在所做的不起作用，显示为未定义。 这是我的标记：（请包括一个香草javascript选项） HTML:

etc

功能更改1（输入）{
document.getElementById（“pers1”）.text=input.value；
}
功能更改2（输入）{
document.getElementById（“pers2”）.text=input.value；
} 
选择人员：
人
人

功能更改1（输入）{
document.getElementById（“pers1”）.text=input.value；
}
功能更改2（输入）{
document.getElementById（“pers2”）.text=input.value；
} 
选择人员：
人
人

功能更改1（输入）{
document.getElementById（“pers1”）.text=input.value；
}
功能更改2（输入）{
document.getElementById（“pers2”）.text=input.value；
} 
选择人员：
人
人

功能更改1（输入）{
document.getElementById（“pers1”）.text=input.value；
}
功能更改2（输入）{
document.getElementById（“pers2”）.text=input.value；
} 
选择人员：
人
人

首先回答您的问题，因为您使用的是

input.text

，所以您的

未定义。这可以通过使用
.value
属性来实现。阅读有关获取输入文本框值的更多信息。

您还可以通过一个函数实现这一点，只需调整选项元素上的id即可

函数：

function change1(e) {
    document.getElementById("pers_" + e.id).text = document.getElementById(e.id).value;
}

HTML:

<input id="name1" type="text" placeholder="name1 here" onKeyUp="return change1(this)">
<input id="name2" type="text" placeholder="name2 here" onKeyUp="return change1(this)">
<select id="select1">
    <option id="pers_name1" value="1">person1</option>
    <option id="pers_name2" value="2">person2</option>
</select>


人1
人2

首先回答您的问题，您得到了未定义的
，因为您使用的是
input.text
。这可以通过使用
.value
属性来实现。阅读有关获取输入文本框值的更多信息。

您还可以通过一个函数实现这一点，只需调整选项元素上的id即可

函数：

function change1(e) {
    document.getElementById("pers_" + e.id).text = document.getElementById(e.id).value;
}

HTML:

<input id="name1" type="text" placeholder="name1 here" onKeyUp="return change1(this)">
<input id="name2" type="text" placeholder="name2 here" onKeyUp="return change1(this)">
<select id="select1">
    <option id="pers_name1" value="1">person1</option>
    <option id="pers_name2" value="2">person2</option>
</select>


人1
人2

首先回答您的问题，您得到了未定义的
，因为您使用的是
input.text
。这可以通过使用
.value
属性来实现。阅读有关获取输入文本框值的更多信息。

您还可以通过一个函数实现这一点，只需调整选项元素上的id即可

函数：

function change1(e) {
    document.getElementById("pers_" + e.id).text = document.getElementById(e.id).value;
}

HTML:

<input id="name1" type="text" placeholder="name1 here" onKeyUp="return change1(this)">
<input id="name2" type="text" placeholder="name2 here" onKeyUp="return change1(this)">
<select id="select1">
    <option id="pers_name1" value="1">person1</option>
    <option id="pers_name2" value="2">person2</option>
</select>


人1
人2

首先回答您的问题，您得到了未定义的
，因为您使用的是
input.text
。这可以通过使用
.value
属性来实现。阅读有关获取输入文本框值的更多信息。

您还可以通过一个函数实现这一点，只需调整选项元素上的id即可

函数：

function change1(e) {
    document.getElementById("pers_" + e.id).text = document.getElementById(e.id).value;
}

HTML:

<input id="name1" type="text" placeholder="name1 here" onKeyUp="return change1(this)">
<input id="name2" type="text" placeholder="name2 here" onKeyUp="return change1(this)">
<select id="select1">
    <option id="pers_name1" value="1">person1</option>
    <option id="pers_name2" value="2">person2</option>
</select>


人1
人2