Radiobuttons om "Checked" Visa dold

7 svar · 602 visningar · startad av Tulork 11 aug. 2007

TulorkMedlem sedan aug. 2004952 inlägg

11 aug. 2007 20:23#1

Är ute efter en liten funktion som håller koll på vilken radiobutton som är ifylld..

Om radioknapp 1 är checked, då ska "detta visas"
Om radioknapp 2 är checked, då ska "detta visas"

Det som ska ploppa fram är olika <select> som jag redan skapat.. försökte lite med PHP men det blev inget vettigt av det.

Select ska ploppa fram vid onClick eller liknande.

Mr TMedlem sedan maj 20071 147 inlägg

11 aug. 2007 20:33#2

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 ?

TulorkMedlem sedan aug. 2004952 inlägg

11 aug. 2007 21:09#3

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.

TulorkMedlem sedan aug. 2004952 inlägg

11 aug. 2007 21:11#4

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

nitro2k01Medlem sedan aug. 20037 630 inlägg

11 aug. 2007 21:18#5

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>

zcorpanMedlem sedan dec. 20042 269 inlägg

11 aug. 2007 21:21#6

<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]

TulorkMedlem sedan aug. 2004952 inlägg

11 aug. 2007 21:55#7

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>

TulorkMedlem sedan aug. 2004952 inlägg

11 aug. 2007 22:31#8

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