为了账号安全,请及时绑定邮箱和手机立即绑定

如何实现下拉菜单获取数据库数据,点击下拉菜单项可以显示出内容如编号,图片等

如何实现下拉菜单获取数据库数据,点击下拉菜单项可以显示出内容如编号,图片等

Pie 2015-04-13 15:59:26
<div class="box"> <div class="qs"> <div class="demo"> <select name="position" id="country_id"> <option value="0">Disctrict : </option> <option value="1">1. Remote Island</option> <option value="2">2. Kwai Tsing</option> <option value="3">3. NT North</option> <option value="4">4. Sai Kung / Tseung Kwan O</option>             <option value="5">5. Shatin</option>             <option value="6">6. Tai Po</option>             <option value="7">7. Tsuen Wan</option>             <option value="8">8. Tuen Mun</option>             <option value="9">9. Yuen Long</option>             <option value="10">10. Kowloon City</option>             <option value="11">11. Kwun Tong</option>             <option value="12">12. Sham Shui Po</option>             <option value="13">13. Wong Tai Sin</option>             <option value="14">14. Yau Tsim Mong</option>             <option value="15">15. Central and Western</option>             <option value="16">16.  HK Island East</option>             <option value="17">17. HK Island South</option>             <option value="18">18. Wan Chai</option> </select> </div>      <div class="demo"> <select name="position" id="country_id"> <option value="0">Project Type :</option> <option value="1">1.Traffic Engineering</option> <option value="2">2. Traffic Engineeering - GBP</option> <option value="3">3. ic Engineering</option> <option value="4">4. Traffic Study</option>             <option value="5">5. TTA</option>             <option value="6">6. Traffic Engine Lease</option>             <option value="7">7. Traffic Engineeering - GBP</option>             <option value="8">8. Traffic Forecasting</option> </select> </div>数据库数据:INSERT INTO `project_list` VALUES ('J5014', 'TIA', 'HK Island East', 'Conversion of an Industrial Building to Hotel Use No. 18 A Kung Ngam Village Road, Chai Wan\r\n', 'https://www.google.com/maps/place/%E9%A6%99%E6%B8%AF%E7%AD%B2%E7%AE%95%E7%81%A3%E9%98%BF%E5%85%AC%E5%B2%A9%E6%9D%91%E9%81%9318%E8%99%9F%E6%81%86%E9%80%9A%E8%B3%87%E6%BA%90%E4%B8%AD%E5%BF%83/@22.2825345,114.2326943,19z/data=!4m2!3m1!1s0x3404017c011e0071:0x');
查看完整描述

目前暂无任何回答

  • 0 回答
  • 0 关注
  • 3815 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信