0

これにより、編集されたものではなく、入力の元の値が返されます。

<input type='text' value='test'>
this.parentNode.getElementsByTagName('input')[0].value

onchage の js イベント

私は今このように持っていますが、私はそれの入力を得ていません...

var inputs=document.getElementById('wrap').getElementsByTagName('input');
        for (var i = inputs.length - 1; i >= 0; i--) {
            inputs[i].onchange=function(){
                var x=this.parentNode.appendChild(document.createElement("a"));
                x.innerHTML="upravit";
                x.onclick=function(){
                    var hr = new XMLHttpRequest();
                    console.log(this.parentNode.getElementsByTagName('input')[0].value);

console.log 自体でさえ、新しい値ではなくデフォルト値を返します...

                        var vars = "menu=1&name=";
                        hr.open("POST", "Ajax/UpdateCategory.php", true);
                        hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                        hr.onreadystatechange = function(){
                            if(hr.readyState==4&&hr.status==200){
                                var return_data = hr.responseText;
                                if(return_data!="ok"){
                                    alert(return_data);
                                }
                            }
                        }
            hr.send(vars);
                    }
                }
            };
4

3 に答える 3

0

あなたはこのようにすることができます

html

<input type='text' value='test' onchange="dostuff(this)" />

js

function dostuff(s) {

    alert(s.value);

}

ここにフィドルがあります

これがあなたのケースに合わない場合は、質問のjsコードをhtmlコードの入力とどのようにバインドしているか教えてください.

于 2013-05-20T12:25:09.290 に答える
0 
<input type='text' value='test' onchange="dostuff(this.value)" />

function dostuff(value) {    
    alert(value);    
}
于 2013-05-20T12:32:26.423 に答える
0

Please try this demo to learn onchange handler: http://www.w3school.com.cn/tiy/t.asp?f=hdom_onchange

and compare with this demo: http://www.w3school.com.cn/tiy/t.asp?f=hdom_onkeyup

Then you will know that, just use onkeyup() instead will work.

=== edited content === html:

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script>
        window.onload = function () {
            var inputs=document.getElementById('wrap').getElementsByTagName('input');
            var x=document.createElement("a");
            var data;
            x.innerHTML="upravit";
            x.onclick=function(){
                alert(data);
            }
            for (var i = inputs.length - 1; i >= 0; i--) {
                inputs[i].onchange=function(){
                    this.parentNode.appendChild(x);
                    data = this.value;
                }
            }
        };
    </script>
</head>
<body>
<div id="wrap">
    <input type='text'>
    <input type='text'>
    <input type='text'>
</div>
</body>
</html>

Please run this html in your local environment, I think this meet your needs.

于 2013-05-20T12:27:57.920 に答える