当在另一行中给出某个值时，自动选择一行中的值，如何？

Question

如果另一行中的值被赋予特定值，是否有可能自动选择一行中的选项？ 在我的例子中，让我们说一下＆＃34; price1＆＃34;如果选择price1，则会自动选择course1，如果选择了course2，则会自动选择price2。是否有另一种方法可以解决这个问题，让它变得更简单？我正在使用Dreamweaver CS4

谢谢

<form action="<?php echo $editFormAction; ?>" method="post" name="form1" id="form1">
  <table>
    <tr valign="baseline">
      <td nowrap="nowrap" align="right">Price:</td>
      <td><label>
        <select name="price" id="price">
          <option value="price1">price1</option>
          <option value="price2">price2</option>
        </select>
      </label></td>
    </tr>
    <tr valign="baseline">
      <td nowrap="nowrap" align="right">Course:</td>
      <td><label>
        <select name="course" id="course">
          <option value="course1">course1</option>
          <option value="course2">course2</option>
        </select>
      </label></td>
    </tr>
  </table>
</form>

Answer 1

你可以用这样的javascript做到这一点......

var pr = document.getElementById("price");
var co = document.getElementById("course");

pr.onchange = function() {
  if(this.value == "price1")
  {
      co.selectedIndex = 0;
  }
    if(this.value == "price2")
  {
      co.selectedIndex = 1;
  }
}

co.onchange = function() {
  if(this.value == "course1")
  {
      pr.selectedIndex = 0;
  }
    if(this.value == "course2")
  {
      pr.selectedIndex = 1;
  }
}