2017-09-24 92 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/

我希望我已經回答了你的問題