Radiobuttons om "Checked" Visa dold

Ska det ske direckt när användaren trycker på valet, eller först efter användaren klickat på "submit" ?

I första fallet "måste" du använda JavaScript. Du kan altså INTE använda PHP då.
Om du vill att det ska ske då användaren trycker på "submit" knappen kan du använda PHP.

Det låter som om du vill ha det direkt med tanke på att du nämner "Select" och OnClick.

Vilket är det ?

Jo.. så mkt vet jag...

Efter lite testande fram och tillbaka så kom jag fram till att det blir bäst att select visar sig direkt vid tryck på radioknappen.. altså.. ingen submit.

tänker mig nått liknande

Om knapp1 checked{ visa denna select }
Om knapp2 checked{ visa denna select }
annars {unchecked}

Du fårstår säkert hur jag menar

Mr T skrev:

I första fallet "måste" du använda JavaScript. Du kan altså INTE använda PHP då.

Tekniskt sett inte sant. Det går att använda PHP för att styra hur innehållet ser ut, även om det kräver javascript för att auto-posta formuläret. (Så gjorde exempelvis hotmails registreringsformulär fram till bara nyligen)

Nåväl, här är lite enkel ihopslängd kod:

<script>
function showSelect(which){
	for (var i=1; i<=3; i++){
		var elref = document.getElementById("select" + i);

		if (i==which)
			elref.style.display = "";
		else
			elref.style.display = "none";
	}
}

</script>

<form>

<input type="radio" name="group" onclick="showSelect(1);" /> 1 <br />
<input type="radio" name="group" onclick="showSelect(2);" /> 2 <br />
<input type="radio" name="group" onclick="showSelect(3);" /> 3 <br />

<select name="foo" id="select1">
<option>bla</option>
<option>bla</option>
<option>bla</option>
</select>

<select name="bar" id="select2" style="display: none;">
<option>blö</option>
<option>blö</option>
<option>blö</option>
</select>

<select name="select1147" id="select3" style="display: none;">
<option>blä</option>
<option>blä</option>
<option>blä</option>
</select>

</form>

<style>
 select:disabled { display:none }
</style>
<form>
 <p>
  <label><input type=radio name=foo> radioknapp 1</label>
  <label><input type=radio name=foo> radioknapp 2</label>
  <select name=select1><option>select 1</select>
  <select name=select2><option>select 2</select>
 </p>
</form>
<script>
 var form = document.forms[0];
 function update() {
   form.select1.disabled = !form.foo[0].checked;
   form.select2.disabled = !form.foo[1].checked;
 }
 update();
 form.onclick = update;
</script>

Nåt sånt? :)

[edit] Hmm, var lite långsam... ;) [/edit]

ingen av dem fungerade speciellt bra tyvärr :(

Så här ser mitt formulär ut.. Den sista selecten ska visas hela tiden.. alltså " Kategori / Tagg"

Formuläret är inte färdigt.. så vissa saker kan va samma values osv, men det är strunt samma just nu.

<form action="index.php" method=post onsubmit="return check_email('epost', 'err_msg');" >

<table cellpadding="0" cellspacing="5">
<tr>
<td>
<span style="COLOR: #000000">Namn  </span>  <span id="snam" style="COLOR: #ff0000">*</span>
<br />
<input value="" id="nam" onkeyup="check();" type="text" class=inputText style="WIDTH: 130px" name="namn" />
</td>
<td>
<span style="COLOR: #000000">E-post </span>  <span id="spost" style="COLOR: #ff0000">*</span>
<br />
<input type="text" class=inputText style="WIDTH: 130px" id="post" onkeyup="check();" name="epost" /> 
</td>
</tr>
<tr>
<td>
<span style="COLOR: #000000">Telefon/Mobil</span>  <span id="stel" style="COLOR: #ff0000">*</span>
<br />
<input type="text" class=inputText id="tel" onkeyup="check();" style="WIDTH: 130px" name="phone" />
<br />
<span style="COLOR: #000000">Rubrik </span>  <span id="srub" style="COLOR: #ff0000">*</span>
<br />
<input value="" type="text" id="rub" onkeyup="check();" class=inputText style="WIDTH: 130px" size=18 maxlength="24" name="rubrik" />
<br />

<span style="COLOR: #000000">Layouter</span><span id="sspra" style="COLOR: #ff0000"></span><br />
  <label>
  <select style="width:120px;" class="select" id="spra" onchange="check();" name="Layouter">
    <option value="">----------</option>
    <option value="HTML,XHTML,CSS">HTML,XHTML,CSS</option>
    <option value="XML">XML</option>
    <option value="FLASH">FLASH</option>
    <option value="Övrigt">Övrigt</option>
  </select>
  </label>
<br />
<span style="COLOR: #000000">Templates </span>  <span id="skat" style="COLOR: #ff0000"></span><br />
<label>
  <select style="width:120px;" class="select" id="kat" name="Templates">
    <option value="">----------</option>
    <option value="Administration">osCommerce</option>
    <option value="Bildhantering">ZenCart</option>
    <option value="E-handel">CRE Loaded</option>
    <option value="Filhantering">phpBB-Skins</option>
    <option value="Forum">PHP-Nuke</option>
    <option value="Communities">Wordpress</option>
  </select>
  </label><br />

<span style="COLOR: #000000">Kompletta sidor </span>  <span id="skomp" style="COLOR: #ff0000"></span><br />
<label>
  <select style="width:120px;" class="select" id="komp"  name="komplett">
    <option value="">----------</option>
    <option value="G&auml;stb&ouml;cker">Hobbyverksamhet</option>
    <option value="Bokningssystem">Vinstdrivande</option>
    <option value="Datum / tid">Publicerade</option>
    <option value="E-post">Opublicerade</option>
  </select>
  </label><br />

<span style="COLOR: #000000">Kategori/Tagg</span>  <span id="stagg" style="COLOR: #ff0000"></span><br />
<label>
  <select style="width:120px;" class="select" id="tagg" name="tagg">
    <option value="">----------</option>
    <option value="G&auml;stb&ouml;cker">3D</option>
    <option value="Bokningssystem">Arkitektur</option>
    <option value="Datum / tid">Böcker</option>
    <option value="E-post">Djur/Natur</option>
    <option value="Datum / tid">E-Sport</option>
    <option value="E-post">Företag</option>
    <option value="G&auml;stb&ouml;cker">IT</option>
    <option value="Bokningssystem">IT-Hårdvara</option>
    <option value="Datum / tid">IT-Mjukvara</option>
    <option value="E-post">Konst/kultur</option>
    <option value="Datum / tid">Sport/Fritid</option>
    <option value="E-post">Hälsa</option>
    <option value="G&auml;stb&ouml;cker">Fordon</option>
    <option value="Bokningssystem">Samhälle</option>
    <option value="Datum / tid">Religion</option>
    <option value="E-post">Mat/Dryck</option>
    <option value="Datum / tid">Utbildning</option>
    <option value="E-post">Forskning</option>
    <option value="G&auml;stb&ouml;cker">Teknik</option>
    <option value="Bokningssystem">Politik</option>
    <option value="Datum / tid">Internet</option>
    <option value="E-post">Filmr</option>
    <option value="Datum / tid">Musik</option>
    <option value="E-post">Radio</option>
    <option value="G&auml;stb&ouml;cker">Länder</option>
    <option value="Bokningssystem">Universum</option>
    <option value="Datum / tid">Sex/Vuxet</option>
    <option value="E-post">Verksamheter</option>
    <option value="Datum / tid">Ekonomi</option>
    <option value="E-post">Övrigt</option>
  </select>
  </label>
</td>
</tr>
<tr>
<td>
<span style="COLOR: #000000">Demolänk ( med http:// )</span><br />

<input value="" type="text" class=inputText style="WIDTH: 130px"  name="demo" />
 </td>
<td>
<span style="COLOR: #000000">Hemsida ( med http:// )</span><br />

<input value="" type="text" class=inputText style="WIDTH: 130px" name="hemsida" />
 </td>
</tr>
<tr>
<td>
<span style="COLOR: #000000">Pris i kr ( endast siffror )</span><br />

<input onkeypress="return isNumberKey(event)" type="text" class=inputText style="WIDTH: 130px" name="pris" />

</td>
</tr>
</table>

<span class="left" style="COLOR: #000000">Beskrivning ( max 1500 tecken )</span><br />

<textarea class="text"  cols="40" rows="5" wrap="physical" maxlength="24" name="annonstext" ></textarea>
<br />

<span class="left" style="COLOR: #000000">Ange önskat lösenord</span> <span id="slos" style="COLOR: #ff0000"> *</span><br />
<input value="" type="password" id="los" onkeyup="check();" class="inputText2" style="WIDTH: 130px" name="losen" />

<br />

<input class="checkbox" name="visa_epost" type="checkbox" checked value="Ja"> Ska besökare kunna skicka e-posta till dig via ####?
<br />
<input class="checkbox" name="visatelefon" type="checkbox" checked value="Ja"> Visa ditt telefonnummer i annonsen?
<br />
<input class="checkbox" name="nyhetsbrev" type="checkbox" checked value="Ja"> Ta del av vårt nyhetsbrev?
<br />
<input class="checkbox" name="accept" type="checkbox" value="Ja"> Accepterar du dessa <a href="imp/villkor.htm" onclick="openwindow(this.href); return false;">villkor?</a>
<br />
<br />
<input class="submit" class="submit" type=submit value="Nästa" name="steg3" />

</div>
</form>

Det löste sig. Trixade till det lite, men det funkar nu. Tack ska ni ha.