好的,所以这看起来应该是非常直接的,但我已经坚持了几个小时了。目标:我想在我的页面上存储一个变量,基于我上次点击页面的"交货"或"取货"div部分。
我有一个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();
});
});
我试图在Div和Input之后的一个单独的函数中加载给我错误的代码(.value="Pickup/Devery"和.innerHTML="Pickup/Devery),但我总是得到错误Uncaught TypeEror:无法设置null 的属性"value"
function delivery_click() {
document.getElementById('#pu_del_nav_var').value='Delivery';
document.getElementById('#pu_del_nav_varTEST').innerHTML='Delivery';
alert("Delivery!");
}
我如何让这个javascript工作,以便它更改这个输入和"temp here"所在的信息?
<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>
$('#pu_del_nav_var').val('Delivery');
$('#pu_del_nav_varTEST').html('Delivery');
此外,为什么要将jquery&带有选择器的javascript。