如何在不提交onclick的情况下向javascript提交值

时间:2013-12-26 20:17:21

标签: javascript jquery html

如何在不提交onclick按钮的情况下向javascript函数提交输入值?这是代码:

 <input id="demo" type="text" value="1">

我希望能够将值提交到javascript这里是代码:

 function myFunction() {

 var x = document.getElementById("demo").value;

基本上我想在没有提交按钮的情况下提交输入值。这是代码:

 <input id="demo" type="text">

 <button type="button" onclick="myFunction()">Test</button>

如何在没有提交按钮的情况下提交输入?

3 个答案:

答案 0 :(得分:1)

myFunction()失去焦点时,您可以致电demo

$('#demo').blur(myFunction);

JSFiddle

和/或当用户按返回

$('#demo').keypress(function(e) {
    if (e.keyCode == 13)
        myFunction();
});

JSFiddle

答案 1 :(得分:0)

最简单的方法是使用jquery

function myfunction()
{
    var val = document.getElementById("demo").value;

    $.post( "test.php", { value: val})
     .done(function( data ) {
      alert( "Value submited");
    });
 }

在模糊事件上调用myfunction()。像这样

<input id="demo" type="text" value="1" onblue="myfunction()">

这会将您的值发送到test.php页面,您可以完成剩下的工作。如果你想避免使用jquery,那么可以直接用简单的AJAX和javascript来完成。

答案 2 :(得分:0)

非常简单&gt;

    <form action="url.php">
<input type="text" value="some value" name="name_input" />
    </form>

只有您可以在“name_input”字段中按ENTER键发送表单数据