2014-04-25 117 views
0

我遇到傳遞隱藏值的問題。我有一個搜索字段,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中的開發工具告訴我,'價值'正在出現,但沒有設定價值。我不完全確定我做錯了什麼。

任何想法?這樣

+1

你爲什麼不只是id選擇讓您的hiddens? $('#search1')。val($(「。mySearch」).val())和$('#search2').val($(「.mySearch」).val()) – milagvoniduak

回答

3

:hidden選擇不做你的想法。它匹配使用CSS隱藏的元素,它不匹配type="hidden"輸入。只需使用

$("#search1") 

因爲您對元素有一個id

+0

,在閱讀完這些內容後,我剛剛重新進入測試階段。 Tbh:隱藏的領域試圖弄清楚它有點絕望。 ($('。search1')。val()) 該值仍然沒有通過。 什麼是設置警報以打印search1和search2現在值的最佳方式? –

+0

'alert($(「#search1」)。val())' – Barmar

+1

請確保您沒有重複的ID。 – Barmar

3

採用隱藏式輸入ID:

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

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

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

,並定義ivar