使用javascript显示动态结果

Question

在我的_value表格中输入3作为电压，类型和长度 AS show image.r，x，b值来自类型表，类型为select。

提交值

1. 页面未在提交时刷新
2. on submit temp result = r * length

再次输入值并提交然后在第一个下面显示第二个结果直到用户这样做。 清除所有结果清洁。 ＆＃34;我们如何使用javascript追加和前置＆＃34;

Answer 1

对于您的解决方案，请在“提交”按钮的onClick()上调用javascript函数并添加以下代码：

<?php echo CHtml::submitButton('Submit', array('onClick' => 'js: return submitForm(this);')); ?>
<?php echo CHtml::button('Clear', array('onClick' => 'js: return clearForm(this);')); ?>

<script type="text/javascript" language="Javascript">
  function submitForm(obj) {
    var r = document.getElementById("TestpageForm_r").value;
    var len = document.getElementById("TestpageForm_length").value;
    var result = 0;

    if (r != "" && len != "") {
      result = r * len;      
      var strAppend = '<div class="row"><span>Result: </span><span>' + result + '</span></div>';
      $('#mainDiv').append(strAppend);
    }
    else{
      alert('Please enter value of r and length');
    }
    return false;
  }
  function clearForm(obj) {
    document.getElementById('mainDiv').innerHTML = "";
  }
</script>