Geen tekst weergegeven in IE na select

Status
Niet open voor verdere reacties.

erict21

Gebruiker
Lid geworden
10 jan 2009
Berichten
7
Ik heb een php pagina met daarin javascript verwerkt.
In de pagina zit een dropdownmenu ofwel select optie.
Ik heb en wil het ook zo nu dat wanneer ik een keuze maak, er direct een tekst
verschijnt naast het selectievak.

In Firefox werkt dit, maar in IE (6) niet...(zie code hier onder)

Iemand enig idee waarom???

Live voorbeeld: http://www.jointheuniverse.com/corporate.php
=================================================

PHP:
<?php 
include_once("dbconnect.php");
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Router Voorraad CCSC</title>

<script type="text/javascript">
//This part clears the field onClick (<mandatory> will disappear)


function submitClicked()
{
    var messages= new Array();
	var error = 0;
	var i;
	   
	if (document.formular.serial.value == "" ){
       messages[error] = "'Heeft jouw apparatuur geen serienummer?";
	   error++; 	}

	if (document.formular.company.value == "" ){
       messages[error] = "'Naar wie moet het nou verstuurd worden? Zucht...";
	   error++; 	}	
	   
	if (error) {
		var errorMessage = "Informatie ontbreekt;";

		for(i=0;i<error;i++)
		{
		   errorMessage = errorMessage + "\n\n-> " + messages[i];
		}
	   alert(errorMessage);
	}
	else
	{
			document.formular.submit();
	}
}
function remark(r)
{
document.getElementById('remarks').innerHTML = "Opmerking: "+r;
//Ter test:
document.formular.company.value='test';

}
</script>
<style type="text/css">
<!--
.style2 {font-size: 12px}
-->
</style>
</head>

<body>
<br>
<?php


//-------------- Apparatuur versturen ---------------//
?>
<b>Formulier:</b>
<form id="formular" name="formular" method="post" action="corporatesend.php">

  <table width="976" border="0">
    <tr>
      <td width="143">&nbsp;</td>
      <td width="298">&nbsp;</td>
      <td width="521">&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>Serienummer</td>
      <td>
      <select name="serial" id="serial" >
          <option></option>
<?	$query3=mysql_query("SELECT serial,remarks FROM routervoorraad WHERE naar_receptie='0'");
		    while (list($serialdb,$remark) = mysql_fetch_row($query3)){ 
		?>
		<option value="<? echo $serialdb; ?>"  onClick="remark('<? echo $remark; ?>')"><? echo $serialdb; ?></option>
		<? } ?>
      </select> 
      <span class="style2">(deze vind je op de doos of artikel!) </span>	  </td>
      <td><div id="remarks"></div></td>
    </tr>
    <tr>
      <td valign="top"><p>Bedrijfsnaam:<br />
        Straat+huisnummer:<br />
        Postcode+Plaatsnaam:<br />
        t.a.v. Naam:</p></td>
      <td><textarea name="company" id="company" cols="27" rows="6"></textarea></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td><input type="button" name="Submit" value="Verstuur" onClick="submitClicked()"></td>
      <td>&nbsp;</td>
    </tr>
  </table>
  <label><br />
  </label>
  <br>
<br>
<br />
</form>

</body>
</html>
 
Laatst bewerkt door een moderator:
Volgens mij heeft IE6 geen onclick attribuut voor het option element. Je zal dus gebruik moeten maken van de onchange op het select element.
 
Re:

Ik vermoedde al zoiets, want inderdaad reageert er helemaal niets als ik een event binnen <option> gebruik....

Ik ga het nu maar oplossen door de selectiewaarde te sturen naar een php-pagina binnen een iframe.

Code:
function relood(targ,selObj,restore) {
ifr.location = 'http://www.jointheuniverse.com/stantwoord.php?choice=' + document.formular.serial.options[selObj.selectedIndex].value;
document.write=(ifr.location);
}

  <iframe name="ifr" id="ifr" src="<? echo "stantwoord.php?choice="; ?>" width="550" height="350" frameborder="0" >
	  Please use a browser that supports iframes
  </iframe>

Thanks voor het meedenken...

.
 
Waarom dan? Je kan nog steeds de functie in de onchange van je select element zetten.
In die functie kan je de geselecteerde optie gemakkelijk achterhalen (denk gewoon met this.value ) en het bijbehorende bericht laten zien.
 
voorbeeldje:
HTML:
<select name="selectIt" onChange="doStuff(this)"> 
 <option value="0">Maak keuze...</option>
  <option value="1">eerste optie</option>
  <option value="2">tweede optie</option>
</select>
en de bijbehorden js:
PHP:
//js
function doStuff(object)
{
   var selectedwaarde = object.options[object.selectedIndex].value;
   alert(selectedwaarde); //geeft dus 0, 1 of 2.
}

zou moeten werken, niet getest. Maargoed.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan