Я хотел бы создать своего рода двойное выпадающее меню. Например, изначально поле выбора пуста со стрелкой вниз. Если вы нажмете стрелку, вы увидите раскрывающийся список с двумя записями: MA и NH. Если вы затем нажмете MA, вы получите еще один выпадающий список с Бостоном и Вустером. Если вы нажмете NH, вы получите раскрывающееся меню Concord и Nashua.cakePHP и double drop down
0
A
ответ
1
Насколько я знаю, это не связано с CakePHP. CakePHP - это серверная PHP-инфраструктура, а не клиентская библиотека. Это можно сделать с помощью JavaScript, я рекомендую использовать библиотеку jQuery здесь.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="dropdown">
Hover me
<div class="state">
MA
<div class="city">Boston</div>
<div class="city">Worcester</div>
</div>
<div class="state">
NH
<div class="city">Concord</div>
<div class="city">Nashua</div>
</div>
</div>
<style>
#dropdown{background-color: yellow;width:200px}
.state{background-color: orange;}
.city{background-color: lime;}
.city,.state{display:none}
</style>
<script>
$(document).ready(function(){
$("#dropdown").mouseenter(function(){
$(this).find(".state").show()
$(this).find(".city").hide()
}).mouseleave(function(){
$(this).find(".state").hide()
})
$(".state").mouseenter(function(){
$(".city").hide()
$(this).find(".city").show()
}).mouseleave(function(){
$(".city").hide()
})
})
</script>
Этот код является для примера. Он не оптимизирован, но работает на 100%.
Никогда не используйте встроенные стили и скрипты.
Смежные вопросы
- 1. IE9 Double drop down issue
- 2. Wordpress drop down to Bootstrap drop down
- 3. bootstrap drop down not drop down
- 4. ComboBox drop down not drop
- 5. Population Drop Down from Selection во втором drop down
- 6. select2 multiselect drop down
- 7. Excel Drop Down Сортировка
- 8. Input Box Drop Down
- 9. Drop Down Division
- 10. jQuery menu drop down
- 11. Drop Down Alignment
- 12. drop down .net C#
- 13. Drop down dynamic
- 14. PHP $ _POST Drop Down
- 15. Population drop down list
- 16. Drop-down TabControl
- 17. Polymer - Drop Down Style
- 18. PHP Drop Down Selected
- 19. Drop Down Ошибка CSS
- 20. jQuery LavaLamp drop down
- 21. stringbyevaluatingjavascriptstring from drop down
- 22. Umbraco: custom drop down
- 23. ruby search drop down
- 24. Regular Price Drop down
- 25. jQuery Ajax Drop Down
- 26. Drop Down Navigation
- 27. Drop Down in PHP
- 28. jQuery drop down question
- 29. ASP.Net Drop Down Generator
- 30. Mega Drop Down
Спасибо. Я новичок, ваш ответ считается встроенным стилем или сценарием? –
Да, мой ответ считается встроенным стилем или скриптом. Но это поможет вам увидеть раскрывающийся список действий, просто скопировав и вставьте весь материал в
. Конечно, вам лучше использовать файлы .css и .js для хранения скриптов и стилей. И если мой код работает для вас, оцените мой ответ :) – igorpavlov