Select in form openklappen door klik op button (jQuery)
Ik had een vraag over jQuery. Ik wil graag dat als ik op een button klik dat de select in een formulier dan openklapt. Precies wat er gebeurt als je op de select zelf zou klikken. Is dat mogelijk met jQuery?
Alvast bedankt voor jullie hulp.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<button id='button1'>Click</button>
<br><br>
<form>
<select id='select1'>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
<option>Option 4</option>
</select>
</form>
</html>
<script>
$(document).ready(function () {
$("#button1").on("click", function() {
//En dan wil ik dat #select1 openklapt
});
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<button id='button1'>Click</button>
<br><br>
<form>
<select id='select1'>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
<option>Option 4</option>
</select>
</form>
</html>
<script>
$(document).ready(function () {
$("#button1").on("click", function() {
//En dan wil ik dat #select1 openklapt
});
});
</script>
Wat is jouw reden om het wel te willen? Het ding dat heet HTMLElementSelect staat er nou niet om bekend dat het zo lekker werkt met CSS, waardoor er allemaal JS-alternatieven zijn die wel zijn te sturen.
Ad Fundum op 18/09/2021 12:11:29:
Ook ik lees dat het niet meer kan, met reden.
Wat is jouw reden om het wel te willen? Het ding dat heet HTMLElementSelect staat er nou niet om bekend dat het zo lekker werkt met CSS, waardoor er allemaal JS-alternatieven zijn die wel zijn te sturen.
Wat is jouw reden om het wel te willen? Het ding dat heet HTMLElementSelect staat er nou niet om bekend dat het zo lekker werkt met CSS, waardoor er allemaal JS-alternatieven zijn die wel zijn te sturen.
Ik heb een select die ik in de mobiele variant zowel in de header als footer heb. Op die manier zou ik dan met één formulier kunnen volstaan.
Je kunt immers hetzelfde PHP-script aanroepen vanuit het action attribuut van een HTMLFormElement?