Question

我遇到了传递隐藏值的问题。我有一个搜索字段，onclick调用我的javascript函数，目的是在页面下方设置隐藏字段值。

    <div class="search">

        <input type="text" name="username" class="mySearch" value="">
        <input type="button" class="myButton" value="" onclick="setSearch();">

    </div>

我的javascript，i设置在函数之外。

setSearch(){
    if(i == 0){
        $('input:hidden[name="search1"]').val($(".mySearch").val()); 
    }
    else if(i == 1)
    {
        $('input:hidden[name="search2"]').val($(".mySearch").val()); 
    }
    i++;
}

然后是我试图设置的字段

<div class="sendallHolder">
    <form method="post" action="getTweets.php">

        <input type="hidden" name="fromTest" id="fromTest"/>
        <input type="hidden" name="untilTest" id="untilTest"/>
        <input type="hidden" name="latTest" id="latTest"/>
        <input type="hidden" name="longTest" id="longTest"/>
        <input type="hidden" name="search1" id="search1" />
        <input type="hidden" name="search2" id="search2" />


        <input type="submit" class="sendAll" value="Gather News!">
    </form>

</div>

它遍历循环两次但每次都没有在隐藏字段中正确设置值。 chrome中的开发工具告诉我'值'正在弹出，但没有设置任何值。我不完全确定我做错了什么。

有什么想法吗？

Answer 1

:hidden选择器不符合您的想法。它匹配使用CSS隐藏的元素，它与type="hidden"输入不匹配。只需使用

$("#search1")

因为元素上有id。

Answer 2

使用隐藏的输入ID，如下所示：

$('#search1').val($(".mySearch").val())

Answer 3

$(".mySearch").keyup(addhjc);
function addhjc(){
        $('#search2').val($(".mySearch").val());
}

或

$('.myButton').click(function(){   
        $('#search2').val($(".mySearch").val()); 
});

也

function setSearch(){
    if(i === 0){........

并定义i var

文本字段为隐藏字段值 - 未设置值

3 个答案: