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

Question

<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');