Question

我无法在ajax中传递我的按钮的ID，它显示为 MY_id   未定义作为console.log的输出可以有人帮助我吗？

我的问题是当我选择我的图像按钮然后点击我的发送按钮。未捕获图像按钮的id值，我该如何解决？

<html>
    <input type="image" id="name-1" src="img.png"  onclick="reply_click(this.id)" class="btTxt submit "  width="100" height="130" /> 
    <input type="image" id="name-2" src="img.png" onclick="reply_click(this.id)" class="btTxt submit"  width="100" height="130" /> 
    <input type="image" id="name-3" src="img.png" onclick="reply_click(this.id)" class="btTxt submit" width="100" height="130" /> 
    <input type="image" id="name-N" src="img.png" onclick="reply_click(this.id)" class="btTxt submit" width="100" height="130" /> 
    <button type="MYbutton" id="openButton" class="btn btn-primary">MYtext</button>
        <script>
            function reply_click(clicked_id ){
                $(function() {
                    $('#openButton').on('click', function() {
                          var x = document.getElementById(clicked_id).innerHTML;
                        $.get('MYURL.com',function(data){
                            console.log('MY_id'+ x);
                        });
                    });
                });
            }
        </script>
    </html>

Answer 1

此代码解决了我的问题。

      <script>
            function reply_click(clicked_id){
                $(function() {
                    $('#openButton').on('click', function() {
                        $.get('MY_URL',function(data){
                            console.log('MY_id:  '+ clicked_id);
                        });
                    });
                });
            }
</script>

如何从几个图像按钮之间获取id并用ajax写入console.log？

1 个答案: