geselecteerde element uit drop-down list

Status
Niet open voor verdere reacties.
K

katrien

Gebruiker
Lid geworden
25 apr 2002
Berichten
9
Ik heb een dropdown keuzelijst en ik wil in een lege textbox de tekst van de momenteel gesecteerde optie uit de keuzelijst weergeven. Hoe doe ik dat?
 
PHP: 
<select name="NaamVanJeSelect" onclick="document.getElementById('selectValue').value = this.value" onchange="document.getElementById('selectValue').value = this.value">
  <option value="Waarde1">Waarde 1</option>
  <option value="Waarde2">Waarde 2</option>
  <option value="Waarde3">Waarde 3</option>
</select>

<input type="text" id="selectValue" value="" />
 
Alvast bedankt voor je antwoord, maar mijn javascript met als naam "gekozen()" doet nog steeds niet wat ik wil in Internet Explorer 7. In Firefox geen problemen. Ik wil dat ik in het dropdown menu een frisdrank kan kiezen, en als ik dan op OK klik moet de naam van die frisdrank verschijnen in het veld frisdrank onderaan. Bij het klikken op OK wordt het javascript gekozen() aangeroepen. In Internet Explorer blijft het frisdrankveld echter leeg na het maken van een keuze uit de keuzelijst en na klikken op OK
Het gaat om de volgende code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Frisdrankautomaat</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<script type="text/javascript">
//<![CDATA[
function gekozen()
{
var selected = document.getElementById('frisdrankkeuze').options[document.getElementById('frisdrankkeuze').selectedIndex].value;
document.getElementById('frisdrank').value=selected;
}
function wisResultaten()
{
document.getElementById('frisdrank').value="";
}
//]]>
</script>
</head>
<body>
<p class="centreren">FRISDRANKAUTOMAAT</p>
<form action="">
<table width="80%" border="1">
<tr>
<td rowspan="2"><p>Gebruiksaanwijzing:<br />
1. Kies de frisdrank<br />
2. Druk op de OK-knop</p>
</td>
<td>Kies de frisdrank:
<select name="frisdrankkeuze" id="frisdrankkeuze" onclick="wisResultaten();">
<option selected="selected">spuitwater</option>
<option>Cola</option>
<option>Fanta</option>
<option>chocolademelk</option>
</select>
<br /></td>
</tr>
<tr>
<td colspan="2"><div>
<input type="button" id="OK" onclick="gekozen();" value="OK" />
</div></td>
</tr>
</table>
<table width="80%" border="0">
<tr>
<td><p class="centreren">Frisdrank:
<input type="text" id="frisdrank" />
</p>
</td>
</tr>
</table>
</form>
</body>
</html>
 
PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Frisdrankautomaat</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
    <script type="text/javascript">
      //<![CDATA[
      function gekozen(){
        var selected = document.getElementById('frisdrankkeuze').value;
        document.getElementById('frisdrank').value = selected;
      }

      function wisResultaten(){
        document.getElementById('frisdrank').value = "";
      }
      //]]>
    </script>
  </head>
  <body>
    <p class="centreren">FRISDRANKAUTOMAAT</p>
    <form action="">
      <table width="80%" border="1">
        <tr>
          <td rowspan="2">
            <p>
              Gebruiksaanwijzing:<br />
              1. Kies de frisdrank<br />
              2. Druk op de OK-knop
            </p>
          </td>
          <td>
            Kies de frisdrank:
            <select name="frisdrankkeuze" id="frisdrankkeuze" onclick="wisResultaten();">
              <option selected="selected">spuitwater</option>
              <option>Cola</option>
              <option>Fanta</option>
              <option>chocolademelk</option>
            </select>
          </td>
        </tr>
        <tr>
          <td colspan="2">
            <div>
              <input type="button" id="OK" onclick="gekozen();" value="OK" />
            </div>
          </td>
        </tr>
      </table>
      <table width="80%" border="0">
        <tr>
          <td>
            <p class="centreren">
              Frisdrank:
              <input type="text" id="frisdrank" />
            </p>
          </td>
        </tr>
      </table>
    </form>
  </body>
</html>
 
Ik heb de code gekopieerd en getest, maar nog steeds werkt ze enkel in Firefox, niet in Internet Explorer (6 of 7). Werkt de code bij jou wel in Internet Explorer? Zou het misschien liggen aan bepaalde IE instellingen?
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan