javascript - Cordova 使用 addEventListener 从表单中获取值

Question

尝试使用 addEventListener 从表单中获取值。

以下是我的代码:

onDeviceReady: function() {
    app.receivedEvent('deviceready');
    document.write("<form id='submit_search' action='' method='GET'><input type='text' name='field[s]' placeholder='search'><button type='submit'>Search</button></form>")
    document.getElementById('submit_search').addEventListener('submit', function(e){
        e.preventDefault;
        process_search(this);
    }, false);   
},

function process_search(element){
    var search=element.querySelector("input[name='field[s]']").val();
    alert("You searched for"+search);
}

警告框不显示。想知道 preventDefault 是否正常工作。

Answer 1

在 Javascript 中，您使用 .value 而不是 val() 获取输入值。在您的代码中，执行停止并且您看不到警报，我确定您遇到了控制台错误:

var search= element.querySelector("input[name='field[s]']").value;