2017-10-17 104 views
0

在menuSubmit.js我有以下JavaScript来通过按钮发布形式,一个工程一个没有

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> 

改变就在旁边显示列表AZ索引或按类别,页面默认az。作为页面默认a-z我点击类别按钮,它刷新页面和index.php看到key = list并显示分类列表。 现在我尝试a-z按钮返回,我们没有去。

IVE尝试使用

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

改变在JavaScript值作为必要的,添加一些检查在原始索引任一键..

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

我试图在一个单一的形式做两个按钮,单独的表格,我的密钥相同的名称,不同的名称..任何方式我切片它只有第一个按钮的作品。我试图使用相同的onclick =“function()”运行这两个按钮,所以我做了第二个功能。没有什么改变..我错过了什么?

+0

你的'key'和'page'变量的原因是什么?你不使用它们。你的浏览器缓存被禁用了吗?否则,它可能仍然是被执行的旧代码。 –

+0

您的输入名称在两种形式中都具有相同的名称(密钥和页面)。所以,'document.getElementsByName(“key”)'将返回一个值数组。 你说你尝试了chaging的名字,但是你是否改变了在窗体之间保持相同的值,或者试图根据窗体放置不同的名字? – GGO

+0

我真的不知道..最近我进入了简单的网络编码,而且这对我来说还是很陌生的。我会说你的问题使我重新思考我的情况。我没有变量了,一切正常。 – beardfacefacebeard

回答

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> 

遗憾的麻烦,我是一个小白..我应该浪费大家的时间之前使用更多的资源。 功能正如我所希望的。

+0

道具给你自己修复它 – user2887596

相关问题