login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Select Option Value met onchange naar input veld

Offline Ruultje - 12/08/2010 23:11
Avatar van RuultjeNieuw lid
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. function updateItem(obj) {
  3.    var selected = obj.options[obj.options.selectedIndex].value;
  4.    document.getElementById('item').value = selected;
  5.    if(selected == 0){
  6.       document.getElementById('item').value = '';
  7.    }
  8. }
  9. </script>


Ik heb deze code. Deze zorgt ervoor dat de waarde van een keuzemenu naar een inputveld wordt geschreven. Maar deze wordt maar geschreven naar één inputveld. Dit input veld staat echter binnen een while loop (php) en komt dus meerdere keren voor op de website. Wanneer ik nu de tweede selectbox pak (die dezelfde naam heeft) moet hij het dus ook schrijven naar het tweede inputveld. Maar hij verstuurt alles alleen naar de eerste input. Hoe kan ik er voor zorgen dat hij de waarde in de juiste inputvelden zet.

Dit is het gedeelte van de select.
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <select class="pitem" name="item"  onchange="javascript: updateItem(this)">


En dit het gedeelte van de input. Die dus binnen een while loop (vanuit mysql) staat.

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <input type="text" id="item" name="item" value="<?php echo $row_item['itemid']; ?>" />


Het moet zelf in php geen array worden omdat er maar één Item moet bewerkt worden en ze niet allemaal.

Moet ik iets anders doen in de Javascript code?

1 antwoord

Gesponsorde links
Offline vinTage - 12/08/2010 23:35
Avatar van vinTage Nieuw lid Ik weet niet zeker of ik je helemaal snap, maar met wat ik me kan voorstellen bij je vraag is het zo:

Je moet in je javascript functie een extra parameter maken die dus bepaald waarheen er geschreven gaat worden.
Dit id helpt je weg te schrijven naar een pebaald elementID
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. function updateItem(obj, id) {
  3.    var selected = obj.options[obj.options.selectedIndex].value;
  4.    document.getElementById(id).value = selected;
  5.    if(selected == 0){
  6.       document.getElementById(id).value = '';
  7.    }
  8. }
  9. </script>


Je inputs moeten natuurlijk unieke id's hebben!
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <select class="pitem" name="item"  onchange="javascript: updateItem(this, 'id_1')">
  2.  
  3. <input type="text" id="id_1" name="item_1" value="<?php echo $row_item['itemid']; ?>" />
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.32s