2017-03-01 2 views
1

Ich habe eine Liste von Ländern mit ihrem Rufzeichen und ich möchte, dass durch die Auswahl eines Landes in der Liste der indikative für das Land in meine Eingabe eingegeben wird, aber es funktioniert nicht ... Ich tue nicht die LösungEinfügen eines Wertes in einen Eingang

<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"> 
+0

'' 'Elemente haben .value' nicht' .innerHTML' –

Antwort

4

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">

Voll Code-Schnipsel, einfach kopieren und fügen sie ihn in Ihr Projekt.

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

+0

Ich verstehe nicht, warum Ihr Code nicht auf meiner Seite funktioniert :/ – Chrys

+0

Ich versuchte in localhost funktioniert es auch nicht o_O – Chrys

+1

Vielen Dank es funktioniert sehr gut – Chrys

1

Try this:

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

Ihr Skript und die "Art Benutzer" Skript funktioniert auf https://jsfiddle.net/ aber im lokalen Host und auf meiner Website funktioniert es nicht, ich verstehe es nicht – Chrys

Verwandte Themen