자바에서 onclick 이벤트가 SQL에서 구동되는 데이터가있는 Chrome에서 작동하지 않습니다.

Question

<select id='city' name='city' > 
<?php 
$dbcon = mysql_connect($host, $username, $password); 
mysql_select_db($db_name,$dbcon) or die("Unable to select database"); 
$city_query = "SELECT city,county FROM citycatalog order by city asc"; 
$city_res = mysql_query($city_query); 
$city_num = mysql_num_rows($city_res); 
$i=0; 
while($i < $city_num){ 
$city_val = mysql_result($city_res,$i,'city'); 
$county_val = mysql_result($city_res,$i,'county'); 
echo "<option value=\"$city_val\" onClick=\"document.getElementById('county').value = '$county_val'\" >$city_val</option>"; 
$i++; 
}; 
?> 
</select> 
<input type="text" id='county' name='county' /> 

이 코드는 IE와 FF에는 좋지만 Chrome과 Safari에는 적합하지 않습니다. 이 문제를 해결하는 방법을 모르겠습니다. select 태그에서 onChange 이벤트를 사용하여 대안을 시도했지만 select 태그 뒤에 변수가 있고 SQL이 이벤트에 데이터를 가져 오지 않습니다. 누적 된 디자이너에게 조언 해주세요. 감사합니다.

Answer 1

onclick은 option에 대해 지원되지 않습니다. select 중 onchange을 사용해야합니다.

<select id='city' name='city' onchange="document.getElementById('county').value = this.options[this.selectedIndex].getAttribute('data-county');"> 
<?php 
$dbcon = mysql_connect($host, $username, $password); 
mysql_select_db($db_name,$dbcon) or die("Unable to select database"); 
$city_query = "SELECT city,county FROM citycatalog order by city asc"; 
$city_res = mysql_query($city_query); 
$city_num = mysql_num_rows($city_res); 
$i=0; 
while($i < $city_num){ 
$city_val = mysql_result($city_res,$i,'city'); 
$county_val = mysql_result($city_res,$i,'county'); 
echo "<option value=\"$city_val\" data-county=\"$county_val\" >$city_val</option>"; 
$i++; 
}; 
?> 
</select> 
<input type="text" id='county' name='county' />