zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Formularfeld nach Auswahl von "select option" anzeigen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 11.11.2011, 18:03
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.04.2005
Beiträge: 67
dr_colossos befindet sich auf einem aufstrebenden Ast
Standard Formularfeld nach Auswahl von "select option" anzeigen

Hallo, ich möchte ein Formularfeld erst anzeigen lassen, wenn ich eine entsprechende Auswahl in meinem SELECT-Feld gewählt habe.

Dachte es geht so... leider steckt die Tücke im Detail. Kann mir jemand auf die Sprünge helfen? Mootools ist eingebunden.

HTML-Code:
window.addEvent("domready", function() {
		$("plusinfo").hide();
	});

	function showProducts() {
		if ($("requesttype").selectedIndex == "2") {
			//alert ('wert:' + $("requesttype").selectedIndex);
			$("plusinfo").style.display = "run-in";
        } else {
        	$("plusinfo").style.display = "none";
        }
	}
das hier steht dann in meinem SELECT-Formularfeld
onchange="showProducts();

meinen alert bekomme ich angezeigt wenn das zweite Optionsfeld geklickt wurde. nur er blendet das Formularfeld "plusinfo" nicht ein?

Geändert von dr_colossos (11.11.2011 um 18:53 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 11.11.2011, 18:27
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 18.06.2007
Ort: Verden
Beiträge: 405
chorn wird schon bald berühmt werden
Standard

Wie viele Optionen hast du (mindestens 3)? Passiert das bei garkeiner Option? Oder hast du vllt. den Index icht bei 0 angefangen? Lass dir den Index doch mal ausgeben.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 11.11.2011, 18:32
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.04.2005
Beiträge: 67
dr_colossos befindet sich auf einem aufstrebenden Ast
Standard

Hallo,

das mit dem Index scheint zu stimmen. Habe ihn mal ausgeben lassen und auch wenn ich auf den dritten Option-Eintrag gehe (0,1,2,...) bekomme ich den alert. Bei ($("requesttype").selectedIndex == 2

Das passt. Nur blendet er das Feld "plusinfo" nicht ein wenn der Punkt 2 gewählt wurde.
Mit Zitat antworten
  #4 (permalink)  
Alt 11.11.2011, 18:37
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.04.2005
Beiträge: 67
dr_colossos befindet sich auf einem aufstrebenden Ast
Standard

das dazugehörige html
HTML-Code:
<tr>
				<td class="col1"><label for="requesttype">Type of Request</label></td>
				<td class="col2" colspan="3">
					<select name="contactType" id="requesttype" 
					onchange="showProducts();">
						<option value=""></option>
						<option value="Product">Product information</option>
						<option value="Company">Company Information</option>
						<option value="Support">Technical Support/Training Information</option>
						<option value="Career">Career/ employment Information</option>
						<option value="Other">Other</option>
					</select>
				</td>
			</tr>
			
<!--  dieser teil soll dann ein-/ausgeblendet werden-->
			<tr id="plusinfo">
				<td class="col1"><label for="plusinfo">Product</label></td>
				<td class="col2" colspan="3">
					<select name="contactProduct" id="requestproduct">
						<option value=""></option>
						<option value="a">AAA </option>
						<option value="b">BBB</option>
						<option value="c">CCC</option>
						<option value="d">DDD</option>
					</select>
				</td>
			</tr>

Geändert von dr_colossos (11.11.2011 um 18:42 Uhr)
Mit Zitat antworten
  #5 (permalink)  
Alt 14.11.2011, 10:28
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.04.2005
Beiträge: 67
dr_colossos befindet sich auf einem aufstrebenden Ast
Standard

passt jetzt alles .. meine css-eigenschaft "run-in" war falsch .. Kein JS-Fehler:
HTML-Code:
<script type="text/javascript">

		window.addEvent("domready", function() {
			$("plusinfo").style.display = "none";
		});

		function showProducts() {
			if ($("requesttype").selectedIndex == "2") {
				$("plusinfo").style.display = "table-row";
		    } else {
		    	$("plusinfo").style.display = "none";
		    }
		}
	 	</script>
Danke für eure Hilfe ... mal ne Nacht drüber schlafen löst oft schon das Problem. display: Anzeigeart: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
Mit Zitat antworten
Antwort

Stichwörter
auswahl, option, select, sichtbar

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Eingabefeld erst nach Auswahl anzeigen Tarishkan CSS 4 03.08.2007 17:49


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:41 Uhr.