如何使用简单的javascript从下拉列表中动态更改值？

Question

我有一个由复选框和下拉列表组成的表单。 我想根据上面的客户端动作捕获以标签格式显示总金额。

<?php
if ($AccountStatus == 'VIP')
{
?>
 <tr>
  <td>
   <input type="checkbox" name="events" value="seminar01" />
   A) Seminar 01
  </td>
  <td>
   01 pax
  </td>
 </tr>
<?php
}
?>
 <tr>
  <td>
   <input type="checkbox" name="events" value="seminar02" />
   B) Seminar 02
  </td>
  <td>
   <select name="events_dinner" onchange="copy();">
    <option value="01" selected="selected">01</option>
    <option value="02">02</option>
    <option value="03">03</option>
    <option value="04">04</option>
    <option value="05">05</option>
    <option value="06">06</option>
    <option value="07">07</option>
    <option value="08">08</option>
    <option value="09">09</option>
    <option value="10">10</option>
   </select>
   &nbsp;pax
  </td>
 </tr>
 <tr>
  <td>
   Total to pay: SGD <div id="label"></div>
  </td>
 </tr>

现在我不知道如何编写适当的 Javascript 以在标签中显示我的总金额。

1、php脚本检查客户是VIP还是普通用户。
2、如果客户是VIP，则显示另一行，否则只显示一行。
3、每一行都有一个复选框
4、如果勾选[seminar01]复选框，则php脚本完成的数据库将保持记录，标签无显示。
5、如果勾选了[seminar02]复选框，标签只激活并显示下拉列表中选择的[01]的值[20]，或下拉列表中选择的[02]显示的值[40]。 6、数据库再次从php脚本中记录下来。

我关心的是标签部分如何使用 javascript 显示值以及从我的复选框和下拉列表中触发。

Answer 1

function changeValue(){
     var select=document.getElementById('myselectbox_id');
     var index = 0;
     select.options[index].value = 'newvalue';
     select.options[index].text = 'newtext';
}

将示例中的索引值更改为 0 以实现您的目标。更多信息here