Question

我几个小时以来一直在努力，但仍无法弄清楚。这真令人沮丧，这个简单的代码现在也无法正常工作。

<html>
<head>
<script language='javascript'>
function pp(){
document.getElementById("ppimg").src = document.getElementById("pp").value;

alert('burah');

}
</script>
</head>
<body>
<form  method="post">
<input onchange="pp()" type="file"  name="pp" >



 <input type="submit" >

 </form>
</body>
</html>

请帮助，否则我现在需要精神科医生

Answer 1

代码的问题是输入标签的名称字段与函数名称相同。用其他任何方法更改您的名称标签，它都应该起作用。

签出此代码。

<!DOCTYPE html>
<html>
<body>

<form>
<input  type="file"  name="ppasd" id="pip" onchange="pp()">
</form>

<script type="text/javascript">
     function pp() {
        alert('hi')
    }
</script>

</body>
</html>

Answer 2

我希望这段代码对您有用。

<html>
<body>
    <script language="JavaScript" type="text/javascript">
    function inform(){
        var filename = document.getElementById('myFile').value;
        alert(filename);
    }
    </script>
    <form name="form1">
    Please choose a file.
    <input type="file" name="uploadbox" size="35" onChange='inform()' id="myFile">
    </form>
</body>
</html>

如果此代码可以正常工作，请在此处注释它是否有效。快乐编码：）

Answer 3

pp似乎存在某种参考问题。使用以下代码，它应该可以工作

<html>
<head>
</head>
<body>
<form  method="post">
<input onchange="callback()" type="file"  id="pp" >



 <input type="submit" >

 </form>
 <script language='javascript'>
    function callback(){
    document.getElementById("ppimg").src = document.getElementById("pp").value;

    alert('burah');

    }
    </script>
</body>
</html>

P.S最好的做法是在html的末尾添加javascript代码。

P.S 2仍然会出现错误，因为没有ID为ppimg的元素

我希望对您有帮助

Answer 4

那不行吗？那是因为你在put元素之后使用function 而是这样做：

<html>
<head>

</head>
<body>
<form  method="post">
<input onchange="pp()" type="file"  name="pp" >

<img id="ppimg"/>
 
 <input type="submit" >

 </form>
 <script language='javascript'>
function pp(){
document.getElementById("ppimg").src = document.getElementById("pp").value;

alert('burah');

}
</script>
</body>
</html>

如果很难！您可以将pp（）更改为pp;

JavaScript的onchange事件iof无法正常工作？

4 个答案: