Javascript/php?

Figyelt kérdés

Hogyan tudom megcsinálni,hogyha kiválasztom a megyék közül,hogy Budapest,akkor tiltsa le a azt a mezőt,ahol a várost kérem be.Itt a forráskód :

HTML:

<tr>

<td>Megye:</td>

<td>

<select name="megye">

<option value="Budapest">Budapest</option>

<option value="Bács-Kiskun megye">Bács-Kiskun megye</option>

<option value="Baranya megye">Baranya megye</option>

<option value="Békés megye">Békés megye</option>

<option value="Borsod-Abaúj-Zemplén megye">Borsod-Abaúj-Zemplén megye</option>

<option value="Csongrád megye">Csongrád megye</option>

<option value="Fejér megye">Fejér megye</option>

<option value="Győr-Moson-Sopron megye">Győr-Moson-Sopron megye</option>

<option value="Hajdú-Bihar megye">Hajdú-Bihar megye</option>

<option value="Heves megye">Heves megye</option>

<option value="Jász-Nagykun-Szolnok megye">Jász-Nagykun-Szolnok megye</option>

<option value="Komárom-Esztergom megye">Komárom-Esztergom megye</option>

<option value="Nógrád megye">Nógrád megye</option>

<option value="Pest megye">Pest megye</option>

<option value="Somogy megye">Somogy megye</option>

<option value="Szabolcs-Szatmár-Bereg megye">Szabolcs-Szatmár-Bereg megye</option>

<option value="Tolna megye">Tolna megye</option>

<option value="Vas megye">Vas megye</option>

<option value="Veszprém megye">Veszprém megye</option>

<option value="Zala megye">Zala megye</option>


</select>

</td>

</tr>

<tr>

<td>Város:</td>

<td><input type="text" name="varos"/> *</td>

</tr>

<tr><td><input type="submit" name="submit" value="Elküldés!"></td></tr>

a php pedig:

if(isset($_POST['megye']) && !empty($_POST['megye']))

{echo"Megye jó!<br/>";}

else

{echo"A megye nem jó<br/>";}

if(isset($_POST['varos']) && !empty($_POST['varos']) && strlen($_POST['varos'])>=1 )

{echo"A város rendben van!<br/>";}

else

{}



2015. júl. 24. 13:43
 1/4 anonim ***** válasza:
a select change eventjére rakj egy handlert, ami megnézi, hogy Budapest van-e kiválasztva, ha igen, akkor a lenti inputra állítsd be, hogy disabled=true (setAttribute metódus)
2015. júl. 24. 14:14
Hasznos számodra ez a válasz?
 2/4 anonim ***** válasza:

<select name="megye" onChange = "document.getElementsByName('varos')[0].disabled = this.options[this.selectedIndex].value == 'Budapest' ? true : false;">


Továbbá ez csak az első változtatásnál fut le, a html legelejére még kell egy:


<body onLoad = "document.getElementsByName('megye')[0].onchange();">

2015. júl. 24. 14:27
Hasznos számodra ez a válasz?
 3/4 anonim ***** válasza:
100%

Tisztább lenne, ha egy array-be rendeznéd az opciókat és onnan kapná őket a select.

Továbbá javaslom a város mező esetében a Geocomplete jQuery plugin használatát.


[link]

2015. júl. 24. 14:47
Hasznos számodra ez a válasz?
 4/4 Drone007 ***** válasza:
100%

javascript (jQuery, mert úgy egyszerűbb):

$('select[name="megye"]').change( function() {


if ($(this).val() == "Budapest") {


$('input[name="varos"]').val('').prop("disabled", true);


} else {


$('input[name="varos"]').prop("disabled", false);


}


});

2015. júl. 25. 19:31
Hasznos számodra ez a válasz?

Kapcsolódó kérdések:




Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!