javascript将输入从textbot复制到下拉菜单

javascript copy input from textbot to drop down

本文关键字:复制 下拉菜单 textbot 输入 javascript      更新时间:2023-09-26

这是代码,我有一个代码可以将输入文本框的值复制到另一个页面上的另一个文本框中,现在我想将文本框值复制到下拉列表中,有没有办法做到这一点,希望有人能帮我,非常感谢

<script type="text/javascript">
function data_copy()
{
if(document.form1.copy[0].checked){
document.form1.pass1Name.value=document.form1.passName1.value;
document.form1.pass2Name.value=document.form1.passName2.value;
document.form1.pass3Name.value=document.form1.passName3.value;
document.form1.pass4Name.value=document.form1.passName4.value;
document.form1.pass5Name.value=document.form1.passName5.value;
document.form1.pass12Name.value=document.form1.passName1.value;
document.form1.pass13Name.value=document.form1.passName2.value;
document.form1.pass14Name.value=document.form1.passName3.value;
document.form1.pass15Name.value=document.form1.passName4.value;
document.form1.pass16Name.value=document.form1.passName5.value;

}else{
document.form1.pass1Name.value="";
document.form1.pass2Name.value="";
document.form1.pass3Name.value="";
document.form1.pass4Name.value="";
document.form1.pass5Name.value="";

}
}
</script>

我想在下拉列表中复制文本框的值,就像下面的代码一样,请帮助我,需要添加什么代码,谢谢

<select name="health">
<option value="">value of pass1Name</option>
<option value="">value of pass1Name</option>
<option value="">value of pass1Name</option>
<option value="">value of pass1Name</option>
<option value="">value of pass1Name</option>
</select>

非常感谢

您可以像这样附加选项进行选择。因此,从文本框中获取值,并将其设置为选择值,

var option = new Option(value, text);
$('#health').append($(option));

你也可以使用这个:

$('#health').append('<option val="1">One</option>');
<select id="example-select"></select>
var select = document.getElementById("example-select");
var value = document.form1.passName1.value;
select.options[select.options.length] = new Option(value, value);

同样的方法,您可以从passName2、passName3等中添加更多值。