javascript - 为什么输入元素的值没有被打印？

Question

function searchString(user_input, search) {
    var user_string = document.getElementById('user_input');
    var search_string = document.getElementById('search');

    document.write(search_string.value);
}

文档不会打印该值。我是 javascript 新手，很难弄清楚为什么？我也尝试过这个:

function searchString(user_input, search) {
    var user_string = document.getElementById('user_input');
    var search_string = document.getElementById('search').value;

    document.write(search_string);
}

但是没有结果。我是菜鸟，请帮忙？

Answer 1

不要使用document.write。相反，将 jQuery 添加到您的网站，然后您只需执行以下操作:

$('#search').val(search_string);

您可以使用以下方法获取值:

var test = $('#searchBox').val();

如果你想做一些专业级的事情，我建议尽早进入 Vue.js，它本质上是为了解决这种特定类型的问题而构建的。

使用“原始”javascript 有时是一件好事，但不要让事情变得困难。当您必须编辑 DOM 时，请使用 jQuery。如果您想构建一个对网站上的各种数据高度响应的网站，请使用 Vue.js。如果您是菜鸟，请不要使用原始 JavaScript。