[JAVASCRIPT]Mehrere Select Formularfelder dynamisch..????

socressor · 08/15/2011, 12:13

Hi Leutz,

hab ne Problem. Habe ca 8 Select Felder mit ungefähr 40 optionen.

Jetzt soll es so ablaufen das wenn man z.B. bei select feld eins eine Option gewählt hat, diese nichtmehr bei den anderen 7 zugänglich ist. Also deaktiviert oder unsichtbar gemacht wird. Habe schon einiges mit Vergleichsoperatoren probiert aber ist einfach zuviel code und klappt am Ende nicht.

Die selects hole ich mir mit dieser function:

JAVA

PHP Code:


			
function alertselected6(selectobj){
    /*Anfang Funktion 1*/

if(selectobj.selectedIndex == 0){
document.getElementById('wert1').maxLength = 4;
document.getElementById('wert1').size = 4;
document.getElementById('wert1').value = "";

}
}

HTML

PHP Code:


			
<select onChange="alertselected6(this)" id="first" name="1st">
<option value="1">eins</option>
...
...
</select>

Hat da jemand eine Idee? Wäre sehr dankbar :S

edit: in jeden der 8 Select Felder sind die gleichen Optionen

~~Kahjatzu~~ · 08/15/2011, 12:33

Vieleicht hilft dir das weiter:

PHP Code:


			
<form action="<?php echo $_SERVER['PHP_SELF']; ?>?option=elitepvpers" method="POST">

    <select name="SELECT_NAME" onchange="this.form.submit();">

        <option value="">Select Package:</option>

        <option value="OPTION_1">Package 1</option>

        <option value="OPTION_2">Package 2</option>

        <option value="OPTION_3">Package 3</option>

        <option value="OPTION_4">Package 4</option>

        <option value="OPTION_5">Package 5</option>

        <option value="OPTION_6">Package 6</option>

        <option value="OPTION_7">Package 7</option>

        <option value="OPTION_8">Package 8</option>

    </select>



<?

if($_POST["SELECT_NAME"] == "OPTION_1"){echo '    <input type="text" style="width: 300px;" value="You Selected Package 1" name="test">

';}

if($_POST["SELECT_NAME"] == "OPTION_2"){echo '    <font color="#FF0000">You Selected Package 2</font>

';}

if($_POST["SELECT_NAME"] == "OPTION_3"){echo '    <big>You Selected Package 3</big>

';}

if($_POST["SELECT_NAME"] == "OPTION_4"){echo '    <h2>You Selected Package 4</h2>

';}

if($_POST["SELECT_NAME"] == "OPTION_5"){echo '    <font color="pink">You Selected Package 5</font>

';}

if($_POST["SELECT_NAME"] == "OPTION_6"){echo '    <u>You Selected Package 6</u>

';}

if($_POST["SELECT_NAME"] == "OPTION_7"){echo '    <b>You Selected Package 7</b>

';}

if($_POST["SELECT_NAME"] == "OPTION_8"){echo '    <i>You Selected Package 8</i>

';}

?>

    <input type="submit" class="btn" name="submit" value="Absenden">

</form>

socressor · 08/15/2011, 12:59

Quote:

Originally Posted by Kahjatzu

Vieleicht hilft dir das weiter:

PHP Code:

<form action="<?php echo $_SERVER['PHP_SELF']; ?>?option=elitepvpers" method="POST"> <select name="SELECT_NAME" onchange="this.form.submit();"> <option value="">Select Package:</option> <option value="OPTION_1">Package 1</option> <option value="OPTION_2">Package 2</option> <option value="OPTION_3">Package 3</option> <option value="OPTION_4">Package 4</option> <option value="OPTION_5">Package 5</option> <option value="OPTION_6">Package 6</option> <option value="OPTION_7">Package 7</option> <option value="OPTION_8">Package 8</option> </select> <? if($_POST["SELECT_NAME"] == "OPTION_1"){echo ' <input type="text" style="width: 300px;" value="You Selected Package 1" name="test"> ';} if($_POST["SELECT_NAME"] == "OPTION_2"){echo ' <font color="#FF0000">You Selected Package 2</font> ';} if($_POST["SELECT_NAME"] == "OPTION_3"){echo ' <big>You Selected Package 3</big> ';} if($_POST["SELECT_NAME"] == "OPTION_4"){echo ' <h2>You Selected Package 4</h2> ';} if($_POST["SELECT_NAME"] == "OPTION_5"){echo ' <font color="pink">You Selected Package 5</font> ';} if($_POST["SELECT_NAME"] == "OPTION_6"){echo ' <u>You Selected Package 6</u> ';} if($_POST["SELECT_NAME"] == "OPTION_7"){echo ' <b>You Selected Package 7</b> ';} if($_POST["SELECT_NAME"] == "OPTION_8"){echo ' <i>You Selected Package 8</i> ';} ?> <input type="submit" class="btn" name="submit" value="Absenden"> </form>

sry leider nicht möchte das mit JS lösen aber danke trotzdem

Cheriekeks · 08/18/2011, 21:04

Hey,

hab mal fix blind was runtergetippt ohne test, was denkste über den Lösungsansatz:

HTML Code:

<script language="javascript" type="text/javascript">

	function disable(group, id){
		switch($group){
			case(0):
				document.getElementById('select1x'+id).disabled = true;
				// repeat for all groups expect the one which is selected
			break;
			case(1):
				document.getElementById('select0x'+id).disabled = true;
				// repeat for all groups expect the one which is selected
			break;
			// repeat case for each possible group
		}
		
	}

</script>

<form method="post" action="#">
<input name="group0" id="select0x0" type="radio" onSelect="disable('0','0')" value="" />
<input name="group0" id="select0x1" type="radio" onSelect="disable('0','1')" value="" />
<input name="group0" id="select0x2" type="radio" onSelect="disable('0','2')" value="" />
<input name="group0" id="select0x3" type="radio" onSelect="disable('0','3')" value="" />
<input name="group0" id="select0x4" type="radio" onSelect="disable('0','4')" value="" />
<input name="group0" id="select0x5" type="radio" onSelect="disable('0','5')" value="" />
<input name="group0" id="select0x6" type="radio" onSelect="disable('0','6')" value="" />
<input name="group0" id="select0x7" type="radio" onSelect="disable('0','7')" value="" />
<input name="group0" id="select0x8" type="radio" onSelect="disable('0','8')" value="" />
<input name="group0" id="select0x9" type="radio" onSelect="disable('0','9')" value="" />


<input name="group1" id="select1x0" type="radio" onSelect="disable('1','0')" value="" />
<input name="group1" id="select1x1" type="radio" onSelect="disable('1','1')" value="" />
<input name="group1" id="select1x2" type="radio" onSelect="disable('1','2')" value="" />
<input name="group1" id="select1x3" type="radio" onSelect="disable('1','3')" value="" />
<input name="group1" id="select1x4" type="radio" onSelect="disable('1','4')" value="" />
<input name="group1" id="select1x5" type="radio" onSelect="disable('1','5')" value="" />
<input name="group1" id="select1x6" type="radio" onSelect="disable('1','6')" value="" />
<input name="group1" id="select1x7" type="radio" onSelect="disable('1','7')" value="" />
<input name="group1" id="select1x8" type="radio" onSelect="disable('1','8')" value="" />
<input name="group1" id="select1x9" type="radio" onSelect="disable('1','9')" value="" />
</form>