好的,这似乎应该很简单,但是我已经坚持了几个小时。
目标:我想根据上次单击页面的“交付”或“提取” 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与选择器混合使用。

07-24 09:50
查看更多