Question

我的图像类型按钮有问题，这是我的代码：

<script>
function test5(){

    var u = document.getElementById("id").value; 
    var url = "exceljsp.jsp";
    url += "?id=" + u;
    javascript:window.location.href = url;
}
</script>
<form id="form" name="form" mrthode="get">
            <table align="center">
                <td> <p>Code FRs </p> </td><td>  <input type="text" name="id" id="id" value="" /></td>
                <td>                         <td>
                <td> <p>Nom ou RS </p> </td><td><input type="text" name="nom" id="nom" value="" /></td>
            </table>
<input type="image" src='excel.png' name="look excel table"  onclick="test5();">

javascript:window.location.href = url;似乎无效。当我放<input type="button" name="look excel table" onclick="test5();">它有效。但如果我把按钮类型的图像，它不起作用。

Answer 1

您的问题必须在其他地方，因为函数被称为正常。查看我刚粘贴在您的代码中的jsfiddle：

<script>
function test5(){
    alert("oui");
    var u = document.getElementById("id").value; 
    var url = "exceljsp.jsp";
    url += "?id=" + u;
    javascript:window.location.href = url;
}
</script>

<input type="image" src='excel.png' name="look excel table"  onclick="test5();">

但HTML确实存在一些错误，即name属性中的语法错误（不允许使用空格）和缺少的alt属性。

此外，在您的问题中看不到包含id='id'的html元素。

Answer 2

在HTML

中使用onCLick事件是一种不好的做法

改为使用

<input id="testButton" type="image" src='excel.png' name="look excel table">

$("#testButton").click(function() {
       alert("oui");
       var u=document.getElementById("id").value; 
       var url = "exceljsp.jsp";
       url += "?id=" + u;
       window.location.href=url;
});

应该可以正常使用

Answer 3

你的身份来自哪里？

我尝试了一个id为7的输入字段。所以它的工作正常。

<script>
function test5(){
  alert("oui");
  var u = document.getElementById("id").value; 
  var url = "exceljsp.jsp";
  url += "?id=" + u;
  javascript:window.location.href = url;
}
</script>

 <input type="image" src='excel.png' name="look excel table"  onclick="test5();">
 <input type="text" value="7" name="id" id="id">

是否可以粘贴整个代码以显示您的id值来自哪里

按钮图像动作

3 个答案: