Question

我对网络开发很陌生。我想问你们一些事情，所以基本上我有：

<form action="save_file.php" method="post">
Username: <input type="text" name="username" size="5" maxlength="15">
Id: <input type="text" name="user_id" size="5" maxlength="15">
<input type="submit" >
</form>

在html的某个地方我也有

<button id="btn1">put to txt</button>

所以基本上在我的javascirpt我有这样的

<script>
$(document).ready(function(){ 

    $( "#btn1").click(function( ){

        var file_text;

        file_text += $( "#y1f_0" ).text( ) + $( "#separator" ).text( );
        $.post( "save_file.php", {file_data : file_text} , function( data ){
            alert("Data: " + data + "\nStatus: " + status );
        });
})});
</script>

所以我的问题是如何将上面的表格与btn1联系起来？所以当我点击btn1时，我也可以从表单中获取值并同时将其提交给save_file.php，而不是使用单击按钮＆amp;提交表格。非常感谢您的帮助!!

Answer 1

$("#form2 input[name=name]").val();

是你在寻找什么？您可以在表单中按名称获取元素（实际上您可以按ID或类等方式获取元素）。但你肯定应该提供身份证明。

Answer 2

<form action="save_file.php" method="post">
    Username: <input type="text" id="username" size="5" maxlength="15">
    Id: <input type="text" id="user_id" size="5" maxlength="15">
    <input type="submit" >
</form>

我使用的是ID而不是名字。

$( "#btn1").click(function( ){
    var Username = document.getElementsById('username').value;
    var Id = document.getElementsById('user_id').value;
    // include the code for saving it to text file. The values of form are stored in the above variables //
});

Answer 3

尝试在表单中添加id（如“form1”），然后：

$('#btn1').click(function(){
    $('#form1').submit();
});

这将使btn1发送实际表单，就像你按下提交按钮一样。不需要额外的东西。

执行2无功能的功能

3 个答案: