Question

我有一个输入字段，我通过该字段获取用户输入的值，虽然我能够显示但不显示它，我希望将用户条目存储在变量中，然后使用它来从中获取数据数据库。以下是我到目前为止的代码（@JSFiddle）

<form action="save.php" method="post">
    <input type="text" value="" id="test">
    <p></p>
    <input type="text" value="">
    <button type="button">submit</button>
</form>

    <script>
    $( "input" )
      .keyup(function() {
        var value = $( this ).val();
        $( "p" ).text( value );
      })
      .keyup();
    </script>

例如：如果用户在输入框中输入12然后单击“输入”按钮，那么12应该存储在变量中，但是在填充输入字段的每个值之后不应该提交整个表单，那么只有表单才能获得提交

$idd=12;

然后我希望以

运行查询

$sql=" SELECT * from menu where id = '".$idd."' ";
$result = mysqli_query($con, $sql);
if(mysqli_num_rows($result)>0)
{
    while($row = mysqli_fetch_assoc($result))
        {
            /*
             *
             * code to display data
             *
             */
        }
}

我需要显示的结果将来自while循环中运行的代码任何人都可以告诉我们如何获得结果

Answer 1

使用此代码，您可以将结果存储到<input type="text" value="some text"> <p></p> <script> var inputValue; $( "input" ) .keyup(function() { inputValue = $(this).val(); }) .keyup(); </script>事件之前声明的变量。

var value;
$('input').on('keyup', function(ev) {
  if(ev.keyCode == 13) {
    value = $(this).val();
  }
});

你可以进行AJAX通话。

修改

这里的代码只响应＆＃34;输入＆＃34;键码

<Window x:Class="TextBlockEventHandlerInDataTemplate.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" xmlns:local="clr-namespace:TextBlockEventHandlerInDataTemplate" Title="MainWindow" Height="350" Width="525"> <Grid> <ListBox ItemsSource="{Binding items}"> <ListBox.ItemTemplate> <DataTemplate> <TextBox Text="{Binding ., Mode=TwoWay}" > <i:Interaction.Behaviors> <local:ShowMessageOnTextChangedBehavior/> </i:Interaction.Behaviors> </TextBox> </DataTemplate> </ListBox.ItemTemplate> </ListBox> </Grid>

Answer 2

你可以使用ajax发布输入框的值并得到像这样的结果

   <form action="save.php" method="post">
    <input type="text" value="" id="test">
    <p></p>
    <input type="text" value="">
    <button type="button" id="btnsubmit">submit</button>
</form>

<script>
    var value
    $("input").keyup(function () {
                value = $(this).val();
            })
            $('#btnSubmit').click(function(){
                $.ajax({
                    type: "POST",
                    url: "url_of_php_page",
                    data: {id: value},
                    success: function (html)
                    {
                        $("p").text(html);
                    }
                });
           });



</script>

Answer 3

你可以通过两种方式做到

  <input type="text" value="some text" id="input_id" name="input_name">
  <input type="submit" name="submit">

使用jquery / ajax

  $('#input_id').on('keyup', function() {
  var field_value = $("#input_id").val();
    jQuery.ajax({
    type: 'post', 
    url: 'path_to_the_file',
    data: { fieldValue: field_value },
    success: function(successData) {
        //do whatever want on success
    }
   });
 });

或者没有jquery / ajax在同一页上

  if(isset($_POST['submit']))
  {
    $my_value = $_POST['input_name'];
   //Execute your query
  }

通过keyup保存表单中的值

3 个答案: