Autor Zpráva
kachnak
Profil
Zdravím,
bolo by možné spraviť, aby sa mi otvorilo a zatvorilo rozbalovacie menu v SELECT kliknutím na nejaký DIV?
na internete som našiel nejaký príklad ale neviem ako to treba správne zapísať.

ja som to skúšal nejak takto:
<div onclick="pageselect.toggle();" class=\"pageselectdiv\"></div>
<select id=\"pageselect\" name=\"pageselect\" class=\"pageselect\">
      <option value="option1">Option 1</option>
      <option value="option2">Option 2</option>
      <option value="option3">Option 3</option> 
</select>

Príklad z internetu:
$(function() {
    $("#myDiv").click(function() {
        $("#menu").toggle();  // toggles show/hide
        // $("#menu").show();  // just show
    });
});

<div id="myDiv">Click me</div>
<select name="menu" id="menu" style="display:none">
    <option value="option1">Option 1</option>
    <option value="option2">Option 2</option>
    <option value="option3">Option 3</option>
</select> 
Chamurappi
Profil
Reaguji na kachnaka:
Nezkoušel jsi místo laborování v JavaScriptu použít normální <label>? Pokud ten nezabere, tak bych zkusil ještě zavolat document.getElementById("pageselect").click(), od čehož bych si moc nesliboval, očekával bych, že se budou různé prohlížeče chovat různě. Pokud ani to nepomůže, tak se obávám, že žádné řešení neexistuje.

$("#menu").toggle();
Funkce měnící plynule CSS vlastnosti tady těžko něco zmůže, <select> je systémový prvek, schovávání <option>ů možností neprovádí CSS.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: