2017-09-24 81 views
-5

我有添加了onclick事件的html图像列表。如何在点击点击时创建即时HTML表格

`<img src="<?php echo $name ?>" alt="<?php echo $name ?>" onclick="somefunc()">` 

我想只要用户点击与形式值=图片ID和经销商的一幅图像创建和瞬时HTML表单提交该表格。

我该如何做到这一点?

我试图把HTML表单放在一个javascript函数中,认为只有在函数被onclick事件调用时才会创建窗体,但即使函数未被调用时也会创建表单。 的功能是一样的东西

<script> 
function somefun(){ 
    </script> 
    <form id="myform" method="get" action="index.php"> 
    <input type="hidden" name="sel" value="6"> 
    <script> 
    document.getElementById('myform').submit(); 
} 
</script> 

和经销商的当图像被clicked.I已经交战了两天的任何帮助将十分赞赏提交不工作。

嘿谢谢大家帮助我, 我试过你的方式,但很快就遇到了错误,所以决定采取完全不同的方法。在我的下一个方法中,我用java脚本来创建一个cookie,当img被点击并重定向到另一个页面并在加载下一页时使用该cookie。代码如下所示。

<img src="something.png" onclick="fun(<?php echo $value; ?>)"> 
<script> 
    function fun(mid){ 
    var="index.php" 
    document.cookie = "myid="+mid; 
    window.open(uri); 
    } 
</script> 

和我使用的cookie的价值。代码的index.php是像下面

<?php 
$mid=$_COOKIE['myid'];//got the value 
?> 
+2

到目前为止您尝试了什么? – Fuross

+0

我试图把HTML表单放在一个java脚本函数中,认为只有在函数被onclick事件触发器调用后才会创建表单,但即使函数未被调用,也会创建html表单。 – user428665

+0

嘿大家感谢tring帮助我 – user428665

回答

0

我不知道PHP,但这应该是在Javascript工作。

  1. 通话用的onclick
  2. 功能JavaScript或在你的情况下用PHP
  3. 发布形式

举例DOM操作的JavaScript

somefunction(){ 
var imageUrl = 'urlToImg' 
var htmlElement = $("#htmlElement"); 
var html = '<div><img id="image" class="image-styling" src="' + imageUrl +'"></div>'; 
modalBody.append(html); 
postForm(); 
} 
0

延长DOM对于初学者来说,在处理表单时,你想使用事件来点击元素并提交表单直。

  1. 我建议您使用ajax,因为它会更轻松,更好地定制细节,以及何时需要在不重新加载的情况下直接在页面上反映。
  2. 对于OnClick方法我认为你应该使用。对(“点击”的方法对所有元素更好,使用选择从直接js文件类的名称。

    $("img.imgclicked").on("click", function(event) { 
        var idofelement = event.target.id; 
    } 
    

你可以检查此琴:https://jsfiddle.net/x8xbzttf/5/

http://api.jquery.com/jquery.ajax/

我希望我已经回答了你的问题