javascript - 使用 javascript 显示动态结果

Question

在我的 _value 表格表 3 中输入电压、类型和长度 AS 显示 image.r、x、b 值来自类型表作为类型选择。

价值提交

1. 提交时页面不刷新
2. 提交临时结果=r*length

再次输入值并提交时，然后在第一个结果下方显示第二个结果，直到用户完成。清除所有结果干净。“我们如何使用 javascript append 和 prepend 来实现”

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>