javascript
  • php
  • html
  • 2017-04-21 80 views 0 likes 
    0

    我做了一个隐藏的按钮,具有用户将要上传的图像名称的值。因此,例如,如果用户上传名为“1.jpg”的图像,该图像应该是该按钮的值。如何一键触发2个按钮?

    我有另一个按钮有一个值=“喜欢”,当用户悬停在图像上时显示在图像上。我想在用户点击LIKE按钮时触发隐藏的按钮。

    下面是隐藏按钮的代码:

    echo "<td><form method='post'><input id='hiddenButton' type='submit' 
    name='hiddenButton' value='$row[1]' /></form></td>"; 
    

    这里的Like按钮的代码:隐藏的按钮没有触发

    echo "<div class='middle'><div class='likeButton'><form method='post'><input 
    class='likeButtonStyle' type='button' value='LIKE' name='like' 
    onclick='document.getElementById('hiddenButton').click()' /></form></div> 
    </div>"; 
    

    我怎么知道?因为如果它触发整个页面应刷新,因为:

    <input type="submit" /> 
    

    顺便说一句,所有这些代码都在PHP标签下。

    +0

    为什么不只是一个带有隐藏输入的“窗体”来识别图像并使按钮提交? –

    +0

    改为为表单设置一个id,然后使用submit。提交表单数据的更好方法。 http://stackoverflow.com/questions/9855656/how-to-submit-a-form-using-javascript – user2180833

    回答

    0

    你可以用jQuery试试如下:

    $(document).ready(function() { 
     
        $('[name=like]').on('click', function() { 
     
         $('[name=hiddenButton]').click(); 
     
        }); 
     
    
     
        // Test. Displays Hello World when hiddenButton is clicked 
     
        $('[name=hiddenButton]').on('click', function() { 
     
         $('#message').text('Hello World!'); 
     
        }); 
     
    });
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
     
    <div class='middle'> 
     
        <div class='likeButton'> 
     
        <form method='post'> 
     
         <input class='likeButtonStyle' type='button' value='LIKE' name='like'/> 
     
        </form> 
     
        </div> 
     
    </div> 
     
    
     
    <form method='post'> 
     
        <!-- Removed the type='submit' so the page is not reloaded when the hiddenButton is clicked (for test) --> 
     
        <input id='hiddenButton' type='button' name='hiddenButton' value='xyz' hidden/> 
     
    </form> 
     
    <div id="message"></div>

    只是呼应了脚本文件中,或者关闭PHP的标签后重新打开它。

    +0

    我真的不想在这个时候尝试jQuery,但感谢您花时间帮助我出。我真的很感激 :) – wished

    相关问题