一个PHP的文本框用JS自动计算的代码请教form methodpost actioninput typetext nameainp
一个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> 