javascript通过按钮发布表单,一个工作一个没有

时间:2017-10-17 09:41:37

标签: javascript forms post onclick

我在menuSubmit.js中有以下内容

    function submitIndexList() {
        var key = document.getElementsByName("key").value;
        var page = document.getElementsByName("page").value;
        document.getElementById("listSelect").submit();
    }
    function submitIndexAbcd() {
        var key = document.getElementByName("key").value;
        var page = document.getElementsByName("page").value;
        document.getElementById("abcdSelect").submit();
    }

页面是:

    <form action="index.php" method="post" name="listSelect" id="listSelect">
        <input name="page" id="<?php echo($pagekey);?>" value="<?php echo($pagekey);?>" type="hidden" />
        <input name="key" id="list" value="list" type="hidden" />
        <input class="menubutton" type="button" value="Categories" onclick="submitIndexList()" />
    </form>
    <form action="index.php" method="post" name="abcdSelect" id="abcdSelect">
        <input name="page" id="<?php echo($pagekey);?>" value="<?php echo($pagekey);?>" type="hidden" />
        <input name="key" id="az" value="az" type="hidden" /> 
        <input class="menubutton" type="button" value="A to Z" onclick="submitIndexAbcd()" />
    </form>

更改侧面的索引以显示列表a-z或按类别,页面默认a-z。因为页面默认a-z我单击类别按钮并刷新页面,index.php看到key = list并显示分类列表。 现在我尝试使用a-z按钮返回,我们不会去。

我尝试过使用

    <input name="keyCat" id="list" ... >
    <input name="keyAbc" id="az" ... >

根据需要更改javascript中的值,并添加一些内容以检查原始索引中的任一键。

    var keyCat = document.getElementsByName("keyCat").value;
    var keyAbc = document.getElementsByName("keyAbc").value;

我尝试在单个表单中创建两个按钮,单独的表单,我的密钥的相同名称,不同的名称..任何方式我切片只有第一个按钮工作。我尝试使用相同的onclick =&#34; function()&#34;来运行两个按钮。所以我做了第二个功能。什么都没改变..我错过了什么?

1 个答案:

答案 0 :(得分:1)

将javascript更改为

    function submitIndexList() {
        document.listSelect.submit();
    }
    function submitIndexAbcd() {
        document.abcdSelect.submit();
    }

维护html / php代码:

    <form action="index.php" method="post" name="listSelect" id="listSelect">
        <input name="page" id="<?php echo($pagekey);?>" value="<?php echo($pagekey);?>" type="hidden" />
        <input name="key" id="list" value="list" type="hidden" />
        <input class="menubutton" type="button" value="Categories" onclick="submitIndexList()" />
    </form>
    <form action="index.php" method="post" name="abcdSelect" id="abcdSelect">
        <input name="page" id="<?php echo($pagekey);?>" value="<?php echo($pagekey);?>" type="hidden" />
        <input name="key" id="az" value="az" type="hidden" /> 
        <input class="menubutton" type="button" value="A to Z" onclick="submitIndexAbcd()" />
    </form>

对不起,我是一个菜鸟..我应该在浪费每个人的时间之前使用更多的资源。 我希望的功能。