入力に値を挿入する

私はコールサインのある国のリストを持っています。リスト内の国を選択することによって、国に対応する指示が入力されますが、機能しません。ソリューション入力に値を挿入する

<script type="text/javascript"> 
var mytextbox = document.getElementById('Recipient'); 
var mydropdown = document.getElementById('indicatif'); 

mydropdown.onchange = function(){ 
    mytextbox.innerHTML = this.value; 
} 
</script> 
<select style="visibility:hidden;" style="color:black;" id="indicatif"> 
    <option value="">Destination country</option> 
    <option value="+355">Albania</option> 
    <option value="+213">Algeria</option> 
    <option value="+376">Andorra</option> 
    <option value="+244">Angola</option> 
    <option value="+1264">Anguilla</option> 
    <option value="+1268">Antigua and Barbuda</option> 
    <option value="+54">Argentina</option> 
    <option value="+374">Armenia</option> 
    <option value="+297">Aruba</option> 
    <option value="+61">Australia</option> 
    <option value="+43">Austria</option> 
    <option value="+994">Azerbaijan</option> 
    <option value="+1242">Bahamas</option> 
    .... 
</select> 
<input style="color:black;" name="Recipient" id="Recipient" type="text">

出典

2017-03-01 Chrys

''要素は持って '.value'ない' .innerHTML' –

var mytextbox = document.getElementById('Recipient'); 
 
var mydropdown = document.getElementById('indicatif'); 
 

 
mydropdown.addEventListener('change', function(){ 
 
    mytextbox.value = mydropdown.value; 
 
});

<select style="color:black;" id="indicatif"> 
 
    <option value="">Destination country</option> 
 
    <option value="+355">Albania</option> 
 
    <option value="+213">Algeria</option> 
 
    <option value="+376">Andorra</option> 
 
    <option value="+244">Angola</option> 
 
    <option value="+1264">Anguilla</option> 
 
    <option value="+1268">Antigua and Barbuda</option> 
 
    <option value="+54">Argentina</option> 
 
    <option value="+374">Armenia</option> 
 
    <option value="+297">Aruba</option> 
 
    <option value="+61">Australia</option> 
 
    <option value="+43">Austria</option> 
 
    <option value="+994">Azerbaijan</option> 
 
    <option value="+1242">Bahamas</option> 
 
    .... 
 
</select> 
 
<input style="color:black;" name="Recipient" id="Recipient" type="text">

完全なコードスニペットを見つけることができません、ただコピーして、プロジェクトに貼り付けます。

<html> 
 

 
<head> 
 
    <title>HelloWorld</title> 
 

 
</head> 
 

 
<body> 
 

 
    <select style="color:black;" id="indicatif"> 
 
     <option value="">Destination country</option> 
 
     <option value="+355">Albania</option> 
 
     <option value="+213">Algeria</option> 
 
     <option value="+376">Andorra</option> 
 
     <option value="+244">Angola</option> 
 
     <option value="+1264">Anguilla</option> 
 
     <option value="+1268">Antigua and Barbuda</option> 
 
     <option value="+54">Argentina</option> 
 
     <option value="+374">Armenia</option> 
 
     <option value="+297">Aruba</option> 
 
     <option value="+61">Australia</option> 
 
     <option value="+43">Austria</option> 
 
     <option value="+994">Azerbaijan</option> 
 
     <option value="+1242">Bahamas</option> 
 
    </select> 
 
    <input style="color:black;" name="Recipient" id="Recipient" type="text"> 
 

 
    <script> 
 
    var mytextbox = document.getElementById('Recipient'); 
 
    var mydropdown = document.getElementById('indicatif'); 
 

 
    mydropdown.addEventListener('change', function() { 
 
     mytextbox.value = mydropdown.value; 
 
    }); 
 
    </script> 
 
</body> 
 

 
</html>

出典

2017-03-01 23:42:20

を：/ – Chrys

私はlocalhostで試しましたが、どちらもうまく動作しません – Chrys

非常にうまくいきました。ありがとうございました – Chrys

この試してみてください：あなたのコードは、私のサイトでは動作しない理由を私は理解していない

mydropdown.onchange = function(){ 
    mytextbox.value = mydropdown.value; 
}

出典

2017-03-01 23:42:49

あなたのスクリプトと "kind user"スクリプトはhttps://jsfiddle.net/で動作しますがローカルホストと私のサイトでは動作しません私は理解していません – Chrys

答えて

関連する問題