javascript - 在页面加载和提交时强制表单字段值

Question

如何在页面加载时在表单字段中强制使用特定值；并使用 JavaScript 或 jQuery 来“提交”该值？

我尝试了以下；但没有雪茄。

<script>
window.onload = function(){
document.forms['coolform'].submit()

}
</script>

标记。

    <form id="search" name="coolform" class="navbar-form form-search" action="#">                    
        <div class="input-append">
            <input id="query" type="text" class="search-query" value="Bars" >
            <button type="submit" class="btn"><i class="icon-search"></i></button>

        </div>     

Answer 1

尝试以下（jQuery）：

$(function(){
     var s = $('#search');
     $('#query', s).val('The value you want to force in.');      
     s.submit();
});

HTML：

<input id="query" name="query" type="text" class="search-query" value="Bars" >

Answer 2

您可以使用 ajax 在 document.ready 上提交值...

$(document).ready(function(){
    var query = $('#query').value;
    $.ajax({
       url:'url/to/your.php',
       data:'query='+query,
       success:function(data){
          //handle response
       }
    });
});

Answer 3

您需要name在表单字段上添加一个属性，否则在提交表单时不会包含该属性：

<input id="query" name="query" type="text" class="search-query" value="Bars" >