首页 文章

将html输入作为变量发送到jquery,然后将其发送给PHP

提问于
浏览
0

我是jquery的新手,我最近才发现它的惊人用途,所以对我来说很容易 .

我想要做的是有一个html输入文本框,有一个变量立即解析输入,并通过jquery将包含输入文本框字符串的变量发送到php switch语句 .

从jquery到php的部分工作,但是从动态输入文本框传输到jquery变量的部分却没有 .

这就是我所拥有的:

<script src="jquery-1.8.3.js"></script>
   <input id="in" type="text" onchange="myFunction()" />
   <script>
 function myFunction()
 {
  var a = document.getElementById("in");
  }
  // i am trying to make this var a equal to what is typed in the input box so that it can go into the "jsvar: a" part //
  $(document).ready(function(){

  $("button").click(function(){

  $.post("runphp.php", {  jsvar: a}, function(jsvar){ alert(jsvar);
     });
     });
     });
     </script>
     <button>Run php switch statement with input</button>

并且“runphp.php”文件只是一个有效的switch语句

<?php 
   switch($_POST['jsvar'])
    {
     case "pass": 
      echo "<3"; break;
     case "other stuff":
     echo "</3"; break;
      default:
     echo ":("; 
     }
    ?>

php部分工作正常 . 但问题是,如果我声明,例如,var a =“pass”而不是onchange&myFunction();然后jquery部分完美地工作并将该值传递到jquery并进入php switch语句,但是当我尝试使var a =输入框时,它将不会进入php . 我尝试创建一个onchange函数,但它仍然不会使var等于我在输入框中键入的内容,以便它通过jquery传递到php switch语句 .

3 回答

  • 1

    你错过了 .value

    var a = document.getElementById("in").value;
    

    Second

    您使用jquery如下

    var a = $("#in").val();
    

    更改JS功能如下

    $(document).ready(function(){
    
      $("button").click(function(){
    
      $.post("runphp.php", {  jsvar: $("#in").val()}, function(jsvar){ alert(jsvar);
         });
         });
         });
    
  • 3

    您也可以使用jquery来选择值:

    var a = $("#in").val();
    
  • 1

    jQuery的一大好处就是:

    var a = document.getElementById("in");

    $("#in") 你可以 grab Value $("#in").val()

相关问题