日期:2014-05-16  浏览次数:20368 次

一个PHP的文本框用JS自动计算的代码请教
<form method="post" action="">
<input type="text" name="a">
  <input type="text" name="b">
  <input type="text" name="c">
  <input type="text" name="d">
<input type="submit">
</form>

想用JS实现当输入a文本框的值时,假如是PHP,那么b文本框后面显示*php,当b输入(数字)3的时候,c文本框等于b的值3*0.5,
接着输入d文本框点提交,这个输入过程能否实现JS来处理?



------解决方案--------------------
JScript code


<form method="post" action="">
    <input type="text" name="a">
    <input type="text" name="b">
    <input type="text" name="c">
    <input type="text" name="d">
    <input type="submit">
</form>


<script>
    var Bdom = document.createElement('span');
    var input = document.getElementsByTagName('input');
    var _input = [];
    for (var k in input )
    {
        if(input[k].name)_input[input[k].name] = input[k];
        if(input[k].name == 'c') 
            input[k].parentNode.insertBefore(Bdom, input[k]);
    }

    _input['a'].onkeyup = function ()
    {
            Bdom.innerHTML = (this.value == 'PHP') ? '*php' : '';
    }

    _input['b'].onkeyup = function ()
    {
        if(this.value == '3')
            _input['c'].value = 3*0.5;
    }
 
</script>