Javascript-用1个选择列表填充2个文本框

当在下拉框中选择某个内容时，我需要填充两个不同的文本框

从现在开始，我可以用一个

---

对不起，让我再澄清一点。这个下拉列表实际上是这个人的长名字。当他的名字被选中时，我试图填充一个“昵称”和“联系人号码”文本框

---

看看这个，我现在有两个文本框。在我的数据库中，我记录了每个人的全名、昵称和联系电话。如何创建选择列表取决于我，但我只想选择他的全名，在两个单独的框中显示昵称和联系电话。

你的意思是，每次有人从下拉列表中选择项目时，你都想附加选择吗？ 我在你的小提琴上没有看到两个文本框，这就是为什么我要问

如果要选择唯一值，则

var mytextbox = document.getElementById('mytext');
var mydropdown = document.getElementById('dropdown');
var strValue =  new String();
mydropdown.onchange = function(){
if(strValue.indexOf(this.value)<=0){
   if(strValue!="")
{
    strValue += "," + this.value;
}
else
{
    strValue = this.value
}
}
mytextbox.value = strValue;
}

var mytextbox=document.getElementById（'mytext'）；
var mydropdown=document.getElementById（'dropdown'）；
var strValue=新字符串（）；
mydropdown.onchange=函数（）{
如果（strValue.indexOf（this.value）很抱歉，但是您的示例只有一个texarea

但是，如果我没有误解你的问题，你可以这么做：

var mytextbox = document.getElementById('mytext');
var mytextbox2 = document.getElementById('mytext2');

var mydropdown = document.getElementById('dropdown');

mydropdown.onchange = function(){

   mytextbox.value = mytextbox.value  + this.value;
   mytextbox2.value = mytextbox2.value  + this.value;
}

因此，您希望用一个标记填充两个值。也就是说，如果您只是将数据属性放在选项标记中呢？data contactNumber data longName

<select>  
<option value="x" data-contactNumber = "yyyy" data-longName="zzzz">  
.....
</select>  


.....

然后，您只需将各个数据属性分配给所选选项文本框即可
<textarea id="mytext"></textarea>
<textarea id="mytext2"></textarea>
<select id="dropdown">
<option value="">None</option>
<option value="contactnumber1">text1</option>
<option value="contactnumber2">text2</option>
<option value="contactnumber3">text3</option>
<option value="contactnumber4">text4</option>
</select>

var mytextbox = document.getElementById('mytext');
var mytextbox2 = document.getElementById('mytext2');
var mydropdown = document.getElementById('dropdown');

mydropdown.onchange = function () {
mytextbox.value = mydropdown.options[this.selectedIndex].text;
mytextbox2.value = mydropdown.options[this.selectedIndex].value;
};

没有一个
文本1
文本2
文本3
文本4
var mytextbox=document.getElementById（'mytext'）；
var mytextbox2=document.getElementById（'mytext2'）；
var mydropdown=document.getElementById（'dropdown'）；
mydropdown.onchange=函数（）{
mytextbox.value=mydropdown.options[this.selectedIndex].text；
mytextbox2.value=mydropdown.options[this.selectedIndex].value；
};

？为什么不直接向事件处理程序添加代码来更新另一个输入字段？问题出在哪里？你这么说是什么意思？我的意思是你已经有了更新文本区域的代码。在另一个输入字段上使用这种方法不起作用的是什么？因为textfield value=selected value我不知道在哪里popu延迟使用另一个值。数组是否为allwed？抱歉，让我再澄清一点。此下拉列表实际上是此人的长名。我正在尝试在选择其姓名时填充“昵称”和“联系人号码”文本框。联系人号码来自何处（对于每个长名）？我真的能做到？！我要试试！等等，我如何从中获取数据？我在这里找到了我的ans！数据属性是一件很棒的事情，应该做你想做的。很高兴你也找到了另一个链接！