login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[opgelost] select disablen/enablen bij waarde

Offline Rens - 30/09/2005 22:14 (laatste wijziging 01/10/2005 00:08)
Avatar van RensGouden medaille

Crew algemeen		 Ik ben beetje met javascript aant klooien.
Voor mijn forum heb ik 2 select veldjes.
1 = view (wanneer mag je de cat. zien, altijd/ingelogd/uitgelogd/speciaal level).
2. = level (welk level mag de cat. zien).

Nu had ik het zo willen doen:
als de waarde van select 1. (view) gelijk is aan 0, 1, 2 of 3, moet select 2. (level) gedisabled blijven.
Wanneer hij niet gelijk is aan 0, 1, 2 of 3 moet select 2 ge-enabled worden.

Ik had het volgende stukje javascript:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. function check(form, field, level)
  2. {
  3. 	if(document.form['form'].elements['view'].value == (1 || 2 || 3))
  4. 	{
  5. 		document.form['form'].elements['view'].disabled;
  6. 	} else
  7. 	{
  8. 		document.form['form'].elements['view'].enabled;
  9. 	}
  10. }


En de volgende HTML:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <form name="form" method="post" action="<?=$_SERVER['REQUEST_URI'];?>">
  2. <table cellspacing="0">	<tr>
  3. 		<td class="siteContentFormLinks">
  4. 			<div class="text">
  5. 			Bekijken: *
  6. 			</div>
  7. 		</td>
  8. 		<td class="siteContentFormRechts">
  9. 			<div class="text">
  10. 			<select name="view" onchange="javascript:check('form', 'view', 'level');">
  11. 			<option value="0">Altijd</option>
  12. 			<option value="1">Ingelogd</option>
  13. 			<option value="2">Uitgelogd</option>
  14. 			<option value="3">Speciaal</option>
  15. 			</select>
  16. 			</div>
  17. 		</td>
  18. 	</tr>
  19. 	<tr>
  20. 		<td class="siteContentFormLinks">
  21. 			<div class="text">
  22. 			Level: *
  23. 			</div>
  24. 		</td>
  25. 		<td class="siteContentFormRechts">
  26. 			<div class="text">
  27. 			<select name="level" disabled>
  28. 			<option value="0">Altijd</option>
  29. 			<option value="1">Ingelogd</option>
  30. 			<option value="2">Uitgelogd</option>
  31. 			<option value="3">Speciaal</option>
  32. 			</select>
  33. 			</div>
  34. 		</td>
  35. 	</tr>
  36. </table>
  37. </form>


Kan iemand zeggen waar het fout gaat?

Alvast bedankt,
Rensjuh

2 antwoorden

Gesponsorde links
Offline stenno - 30/09/2005 22:30
Avatar van stenno PHP interesse
ik snap er niets van hoor waarom heb je die dropdownbox erbij gepost ??

in ieder geval als je iets wil enable moet je dat zo doen:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. document.form['form'].elements['view'].disabled = false;


of zo:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. document.form['form'].elements['view'].enabled = true;


enz.

hier dus de hele code wel een beetje verandert:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2. <head>
  3. <title>Untitled</title>
  4. <script language="JavaScript" type="text/javascript">
  5. <!--
  6. function check()
  7. {
  8.     if ((document.form.view.value == "1")|| (document.form.view.value == "2") || (document.form.view.value == "3"))
  9.     {
  10.         document.form.view.disabled = true;
  11.     } 
  12. 		else
  13.     if (document.form.view.value == "0")
  14. 		{
  15.         document.form.view.disabled = false ;
  16.     }
  17. }
  18. //-->
  19. </script>
  20. </head>
  21. <body>
  22. <form name="form" method="post" action="">
  23. <table cellspacing="0">    
  24. 			 <tr>
  25.         <td class="siteContentFormLinks">
  26.             <div class="text">
  27.             Bekijken: *
  28.             </div>
  29.         </td>
  30.         <td class="siteContentFormRechts">
  31.             <div class="text">
  32.             <select name="view" onChange="check();">
  33.             <option value="0">Altijd</option>
  34.             <option value="1">Ingelogd</option>
  35.             <option value="2">Uitgelogd</option>
  36.             <option value="3">Speciaal</option>
  37.             </select>
  38.             </div>
  39.         </td>
  40.     	</tr>
  41.     	<tr>
  42.         <td class="siteContentFormLinks">
  43.             <div class="text">
  44.             Level: *
  45.             </div>
  46.         </td>
  47.         <td class="siteContentFormRechts">
  48.             <div class="text">
  49.             <select name="level" disabled>
  50.             <option value="0">Altijd</option>
  51.             <option value="1">Ingelogd</option>
  52.             <option value="2">Uitgelogd</option>
  53.             <option value="3">Speciaal</option>
  54.             </select>
  55.             </div>
  56.         </td>
  57.       </tr>
  58. </table>
  59. </form>
  60. </body>
  61. </html>


Zo als ik al zij graag betere uitleg dan kan ik je beter helpen 
Offline Rens - 30/09/2005 23:59 (laatste wijziging 01/10/2005 00:07)
Avatar van Rens Gouden medaille

Crew algemeen		 Zo als ík al zei:
Als de waarde van de ene selectbox 0, 1, of 2 is, moet de 2e selectbox gedisabled worden.
Vandaar de selectboxen voor wat meer inzicht in de code die ik heb...

edit; i.p.v. 0, 1, 2 en 3 is het 0, 1, en 2.
Niet dat dat zoveel uitmaakt...

edit2; Haha, opgelost^^

Me javascript is nu:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. function check()
  2. {
  3. 	if (document.forms['form'].elements['view'].value == ("0" || "1" || "2"))
  4. 	{
  5. 		document.forms['form'].elements['level'].disabled = true;
  6. 	} else
  7. 	{
  8. 		document.forms['form'].elements['level'].disabled = false;
  9. 	}
  10. }


En de code van de selectboxen is nog hetzelfde.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.238s