好的,这似乎应该很简单,但是我已经坚持了几个小时。
目标:我想根据上次单击页面的“交付”或“提取” 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();
});
});
我试图将给出错误的代码(.value =“ Pickup / Delivery”和.innerHTML =“ Pickup / Delivery”)放在单独的函数中,在Div和Input之后,但我总是收到错误未捕获的TypeEror:无法将属性“值”设置为null
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与选择器混合使用。