Javascript 在jquery中包含php文件

使用jquery添加下拉列表。选项值来自mysql数据库。它包含在getItems.php中。然后，将所选值提交给mysql。它发生在Syntaxer错误中。php语法在jquery中似乎无效。包含的零件不能显示在一行上

jquery：

<script>
 $(function() {
  $('#add').click(function(){
    var item = '<div class="form-group"><label class="col-sm-2 control-label">Item</label><div class="col-sm-10"><select class="form-control" name="item"><?php include 'getItems.php'; ?></select></div></div>';
    // error

    $('#addItem').append(item);
  });
});
</script>

控制台：

  var item = '<div class="form-group"><label class="col-sm-2 control-label">Item</label><div class="col-sm-10"><select class="form-control" name="item"> <option>Item1</option><option>Item2</option><option>Item3</option>
 </select></div></div>';

---

最后一次编辑：将变量项=$更改为变量项=。但是它仍然有相同的错误。

有其他方法可以满足您的要求

 var item = '<div class="form-group"><label class="col-sm-2 control-label">Item</label><div class="col-sm-10"><select class="form-control" name="item"></select></div></div>';
 // first append all html to addItem, so content will be added to DOM.
 $('#addItem').append(item);
 // once html is loaded inside DOM, then load contents of getItems.php inside select as inner html. 
 setTimeout(function() {
   $("select[name='item']").load('getItems.php');
 }, 1000);

---

请检查这里的所有内容。

有其他方法可以满足您的要求

 var item = '<div class="form-group"><label class="col-sm-2 control-label">Item</label><div class="col-sm-10"><select class="form-control" name="item"></select></div></div>';
 // first append all html to addItem, so content will be added to DOM.
 $('#addItem').append(item);
 // once html is loaded inside DOM, then load contents of getItems.php inside select as inner html. 
 setTimeout(function() {
   $("select[name='item']").load('getItems.php');
 }, 1000);

请检查这里的所有内容。

PHP:getresult.PHP

$query = "SELECT itemName FROM Item"; $results = mysql_query($query);
         if (!$results) 
        { 
die('Invalid query: ' . mysql_error());
         } 
        $options=""; 
        while ($row = mysql_fetch_array($results)) { 
        $options .= '<option>'.$row["itemName"].'</option>';
         }
    echo  $options;

JQuery：

`<?php include('getresult.php'); ?>
<script>
 $(function() {
  $('#add').click(function(){
    var item = '<div class="form-group"><label class="col-sm-2 control-label">Item</label><div class="col-sm-10"><select class="form-control" name="item"><?php echo $options; ?></select></div></div>';
    // error

    $('#addItem').html(item);
  });
});
</script>`

或 您可以像这样使用ajax

<script>
$.ajax({
url:"getresult.php",
data:{},
type:"POST",
success:function(res){
$('#addItem').html(res);
}
});
</script>

或者你可以简单地使用

<script>
 $('#addItem').load("getresult.php");
</script>

PHP:getresult.PHP

$query = "SELECT itemName FROM Item"; $results = mysql_query($query);
         if (!$results) 
        { 
die('Invalid query: ' . mysql_error());
         } 
        $options=""; 
        while ($row = mysql_fetch_array($results)) { 
        $options .= '<option>'.$row["itemName"].'</option>';
         }
    echo  $options;

JQuery：

`<?php include('getresult.php'); ?>
<script>
 $(function() {
  $('#add').click(function(){
    var item = '<div class="form-group"><label class="col-sm-2 control-label">Item</label><div class="col-sm-10"><select class="form-control" name="item"><?php echo $options; ?></select></div></div>';
    // error

    $('#addItem').html(item);
  });
});
</script>`

或 您可以像这样使用ajax

<script>
$.ajax({
url:"getresult.php",
data:{},
type:"POST",
success:function(res){
$('#addItem').html(res);
}
});
</script>

或者你可以简单地使用

<script>
 $('#addItem').load("getresult.php");
</script>

你能试试吗

<script>
     $(function() {
      $('#add').click(function(){

        var items = <?php include 'getItems.php'; ?>;
        var item = '<div class="form-group"><label class="col-sm-2 control-label">Item</label><div class="col-sm-10"><select class="form-control" name="item">'+items+'</select></div></div>';
        // error

        $('#addItem').append(item);
      });
    });
    </script>

你能试试吗

<script>
     $(function() {
      $('#add').click(function(){

        var items = <?php include 'getItems.php'; ?>;
        var item = '<div class="form-group"><label class="col-sm-2 control-label">Item</label><div class="col-sm-10"><select class="form-control" name="item">'+items+'</select></div></div>';
        // error

        $('#addItem').append(item);
      });
    });
    </script>

---

为什么在var项=？尝试此项后使用$var item='item'；在上一次@BikashPaul我尝试了var item=''；之后，您正在突破一个新行；。但它仍然有同样的错误。它在最后一次不使用mysql使用mysqli或pdo而不是为什么$after var item=？尝试了这一点？之后又换行了一行：var item='item'；在上一次@BikashPaul我尝试了var item=''；之后，您正在突破一个新行；。但它仍然有同样的错误。在最后一次不使用mysql使用mysqli或pdo insteadI尝试JQuery解决方案后，它打破了一条新线。它起作用了。非常感谢。我尝试了JQuery的解决方案。它起作用了。非常感谢。