<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来处理?

解决方案 »

  1.   

    a丢失焦点时,获取a的值加上 *php 
    b改变时,以也跟着改变就行了/js完全可以做到。
      

  2.   


    给个JS示例吧。平时用JS很少。
      

  3.   

    <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>给分吧~~
      

  4.   


    我在a,b,c,d中输入没有任何反应?
      

  5.   

    ie firefox chrome 都测了没问题第一个大写PHP