选择x + y然后返回文本字符串

时间:2015-07-21 15:41:34

标签: javascript forms

我有九种不同的预先写好的文字字符串,表示特定旅行路线的时间和费用。变量是行程的起点和终点。

我希望用户在表单中选择两个变量,并使用Javascript获取与旅行支路的起点和终点相对应的结果文本字符串。

<table>
  <tr>
    <td><p>&nbsp;</p>
      <form id="route_details" name="route_details" method="post">
        <p>
          <label for="start">Departure Location:</label>
          <select name="start" id="start">
            <option>a</option>
            <option>b</option>
            <option>c</option>
</select>
          <label for="end">Arrival Location:</label>
          <select name="end" id="end">
            <option>e</option>
            <option>f</option>
            <option>g</option>
</select>
       </p>
        <p>RESULT STRING: 00:00 - $0,000.00</p>
      </form>
   </td>
  </tr>
</table>

1 个答案:

答案 0 :(得分:0)

这里使用的是jQuery。你的问题很不清楚,所以我只是包含了一般情况。

$('select').change(function() {
    var first = parseInt($('#1').val());
    var second = parseInt($('#2').val());
    $('.result').html(first + second);
});

JSFiddle