Question

在下拉框中选择了某些内容时，我需要填充2个不同的文本框。

从fiddle，我可以用一个。

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

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

Answer 1

很抱歉，但你的例子只有一个textarea ... 但是，如果我没有误解你的问题你就可以这样做：

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

Answer 2

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

Answer 3

你的意思是，你想在每次有人从下拉菜单中选择项目时附加选择吗？我没有在你的小提琴中看到两个文字框，这就是我要问的原因......

如果您想要选择唯一值，那么..

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

Answer 4

所以你想要一个标签填充两个值。话虽如此，如果你只是在选项标签中放入数据属性怎么办？ data-contactNumber data-longName

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

然后你可以只选择所选的选项文本框中的个别数据？

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

4 个答案: