0

ドロップダウン ボックスで何かが選択されたときに、2 つの異なるテキスト ボックスに入力する必要があります。

フィドルから、1つでできます。

申し訳ありませんが、もう少し明確にさせてください。このドロップダウン リストは、実際にはその人の長い名前です。彼の名前が選択されたときに、「ニックネーム」と「連絡先番号」のテキストボックスに入力しようとしています。

このデモを見てください。そこには 2 つのテキストボックスがあります。私のデータベースには、全員のフルネーム、ニックネーム、連絡先番号の記録があります。選択リストを作成する方法は私次第ですが、2つの別々のボックスにニックネームと連絡先番号を表示するために彼のフルネームのみを選択したい..

4

4 に答える 4

1

申し訳ありませんが、あなたの例にはtexareaが1つしかありません...

しかし、私があなたの質問を誤解していなければ、あなたは単にそれをすることができます：

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 に答える
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 に答える
0

つまり、誰かがドロップダウンからアイテムを選択するたびに選択を追加したいですか？あなたのフィドルに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;
}
于 2013-01-30T16:01:13.613 に答える
0

したがって、1つのタグで2つの値を設定する必要があります。そうは言っても、オプションタグにデータ属性を入れるだけではどうでしょうか。data-contactNumber data-longName

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

次に、選択したオプションのテキストボックスに個々のデータ属性を割り当てることができますか？

于 2013-01-30T16:01:35.090 に答える