2013-11-25 77 views
1

好的,所以這看起來應該是非常直接的,但我一直堅持這個小時。 目標:我想根據最後一次點擊頁面的「發送」或「拾取」div部分在我的頁面上存儲變量。HTML隱藏輸入值隨javascript改變並點擊文字

我有JQuery使用下面的代碼來切換頁面上顯示的內容(第一部分)。一切正常,除了.value的和.innerHTML:

$(document).ready(function(){ 
        $("#pickup_click_link").click(function(){ 
        $('#delivery_stuff').fadeOut('fast', function(){ 
         $('#pickup_stuff').fadeIn('fast'); 
        }); 
        $('#delivery_stuff2').fadeOut('fast', function(){ 
         $('#pickup_stuff2').fadeIn('fast'); 
        }); 

        $("#pickup_button").css("background-color","silver");      
        $("#delivery_button").css("background-color","white"); 
        window.onload = function(){ 
         document.getElementById('pu_del_nav_var').value='Pickup'; 
         document.getElementById('pu_del_nav_varTEST').innerHTML='Pickup'; 
        } 
        }); 
       }); 

       $(document).ready(function(){ 
        $("#delivery_click_link").click(function(){ 
        $('#pickup_stuff').fadeOut('fast', function(){ 
         $('#delivery_stuff').fadeIn('fast'); 
        }); 
        $('#pickup_stuff2').fadeOut('fast', function(){ 
         $('#delivery_stuff2').fadeIn('fast'); 
        }); 
        $("#pickup_button").css("background-color","white");       
        $("#delivery_button").css("background-color","silver"); 
        delivery_click(); 
        }); 
       });  

我試圖把所給我的錯誤(.value的=「拾起/傳遞」和.innerHTML =「取/放」)的onload代碼,在一個單獨的功能,div和輸入,但我後總是得到錯誤未捕獲TypeEror:空

function delivery_click() { 
            document.getElementById('#pu_del_nav_var').value='Delivery';  
            document.getElementById('#pu_del_nav_varTEST').innerHTML='Delivery';  
            alert("Delivery!"); 
           } 

的無法設置屬性「值」我怎樣才能得到這個JavaScript來工作,所以它改變該輸入和信息「這裏的溫度」是什麼?

<input type="hidden" id="pu_del_nav_var" name="pu_del_nav_var" value="Pickup"> 
<div name='pu_del_nav_varTEST' id='pu_del_nav_varTEST'>temp here</div> 

回答

1
$('#pu_del_nav_var').val('Delivery'); 
$('#pu_del_nav_varTEST').html('Delivery'); 

此外,你爲什麼想混的jQuery JavaScript的&與選擇。

+1

jQuery是JavaScript,並有理由使用正常的JavaScript與jQuery的所有時間。 – DrCord

+0

@DrCord - ofcourse。但選擇器?那對我來說是不可能的。 – Krishna

+0

理想情況是不,你是對的。 – DrCord