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

时间:2012-07-11 19:25:48

标签: javascript dynamic drop-down-menu checkbox onchange

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

<?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脚本记录下来。

我关注的是Label部分如何使用javascript和我的复选框和下拉列表显示值。

1 个答案:

答案 0 :(得分:0)

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

在示例中更改索引值0以满足您的目标。更多信息here