0

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

从小提琴，我可以做到这一点。

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

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

4

4 回答 4

1 
<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;
};
于 2013-01-30T16:35:55.350 回答
1

抱歉，您的示例只有一个 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;
}
于 2013-01-30T16:01:23.093 回答
0

你的意思是，你想在每次一些身体从下拉列表中选择项目时附加选择？我在你的小提琴中没有看到两个文本框，这就是我问的原因......

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

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;
}
于 2013-01-30T16:01:13.613 回答
0

因此，您希望一个标签填充两个值。话虽如此，如果您只是将数据属性放在选项标签中呢？data-contactNumber 数据-longName

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

然后您可以将所选选项文本框分配给各个数据属性？

于 2013-01-30T16:01:35.090 回答