将MySQL表中的多个值提取为HTML

Question

我想从MYSQL表中获取三个值，并将它们显示在文本区域中。我只能得到一个值。如果可能的话，我想保存这个选择器，因为它对我的程序很重要。

JavaScript的：

function getsteel() {
  var material = document.getElementsByName("option");
  if (material[3].checked == true) {
    var g = document.getElementById("selector1");
    var str = g.options[g.selectedIndex].value;
    document.getElementById('kr').value = str;
  }
}

HTML：

<td>k<sub>r</td></sub>
 <td>
    <input type="text" id="kr" disabled style="width:50px;">
  </td>
  <td>[MPa]</td>

PHP：

<?php
mysql_connect("localhost","root","");
mysql_select_db("db-user22777");
//query
$sql=mysql_query("SELECT * FROM steels ORDER BY id ASC");
if(mysql_num_rows($sql)){
  $select= '<select id="selector1" disabled size="12">';
  while($r=mysql_fetch_array($sql)){
    $select.='<option value="'.$r['kr'].'">'.$r['Steelname'].' | '.$r['kr'].' [MPa]</option>';
  } 
}
$select.='</select>';
echo $select;
?>

感谢您提供的任何帮助！