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

Text field to Hidden field value - value not being set

本文关键字:字段 设置 隐藏 文本      更新时间:2023-09-26

我在传递隐藏值时遇到问题。我有一个搜索字段,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中的开发工具告诉我"value"正在弹出,但没有设置任何值。我不完全确定我做错了什么。

有什么想法吗?

:hidden选择器不会按照您的想法执行操作。它匹配使用CSS隐藏的元素,不匹配type="hidden"输入。只需使用

$("#search1")

因为元素上有一个CCD_ 4。

使用这样的隐藏输入ID:

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

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

还有

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

并定义i var