kostenloser Webspace werbefrei: lima-city

Javascript: DropDown und inputs

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   marvinkleinmusic

   

   marvinkleinmusic hat kostenlosen Webspace.

   0:34, 8.10.2013

   Hallo Zusammen,
   Ich suche derzeit eine möglichkeiten id's über ein Drop Down Menü in ein Text input einzutragen.
   Allerdings scheitert jeder Versuch.
   
   Hier einmal als Beispiel man soll ein Lied auswählen und die entsprechend angegebende ID erhalten , diese soll sich dann jedesmal wenn man ein anderes Lied auswählt in dem Input ersetzen.
   

   <script type="text/javascript">
                function select() {
   			var wert = $('#select').val();
   		
   			$('#video_ID').html(wert);
   		}
   
   </script>
     <select id="select" onchange="select()">
   					<option value="DxB2TB6II1Q">The Juwel of Gods</option>
   					<option value="I2X64FLmQKE">Breakeven</option>
   					<option value="HNvRse0Jzkk">Bubbly</option>
   					<option value="VRa1_HoNADM">Blurred lines</option>
   				</select>
   
   <input type="text" id="video_ID" placeholder="Video_ID eintragen" autofocus>

   
   
   
   Hat vielleicht jemand von euch einen rat? :)
   
   
   LG
   
   
   
   
   
   Beitrag zuletzt geändert: 8.10.2013 0:35:05 von marvinkleinmusic

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. copynpaste

   

   copynpaste hat kostenlosen Webspace.

   0:54, 8.10.2013

   <script>
       $(function(){
           $('#select').change(function() {
               $('#video_ID').val(this.value);
           });
       });
   </script>
     <select id="select">
                       <option value="DxB2TB6II1Q">The Juwel of Gods</option>
                       <option value="I2X64FLmQKE">Breakeven</option>
                       <option value="HNvRse0Jzkk">Bubbly</option>
                       <option value="VRa1_HoNADM">Blurred lines</option>
                   </select>
    
   <input type="text" id="video_ID" placeholder="Video_ID eintragen" autofocus>

4. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?