duanniu3385 2017-02-28 17:06
浏览 51

如何在脚本标记中编写php代码？

I am trying to write php code in script tag but something seems to be going wrong. Here is the complete code:

<!DOCTYPE html>
<?php
if(isset($_GET['column-count']))
$var = $_GET['column-count']; 
?>

<html>
    <head>
        <title>Index</title>
        <script>

            function send_column_count(){
            var col_count = document.getElementById('num-cols').value;
            alert(col_count);
            document.getElementById('column-count-id').value =   col_count ;
            var temp = document.getElementById('column-count- id').value;
            alert(temp);

            <?php
                for($i = 0;$i < $var ;$i = $i+1){
                $temp = "col".$i;
            echo " <input type='text' placeholder='column- name' id='" . $temp . "' />";
                }
            ?>
            alert('Reached here');

            return true;
        }

</script>

    </head>
    <body>
        <form align="center" method="GET" action="" >
            <h1>Snippt</h1>
            <select id="num-cols" onchange="send_column_count()">
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
            </select>

            <input type="hidden" name="column-count" id="column-count-id" value="7" />
            <input type="submit" name="Submit" value="Create Table" />

        </form>
    </body>
</html>

Now the console shows the error message : Unexpected token < I am not able to understand what's going wrong!

  • 写回答

1条回答 默认 最新

  • dongnong3019 2017-02-28 17:20
    关注

    Your original logic is totally flawed. You do not even need PHP to dynamically add the fields. But anyhow, I'm posting the correct version for your app which sort of works the same way you want it to work (with PHP):

    <!DOCTYPE html>
<?php
$var = 0;
if(isset($_GET['column-count']))
$var = $_GET['column-count']; 
?>

<html>
<head>
<title>Index</title>
<script>

        function send_column_count(){
            var col_count = document.getElementById('num-cols').value;
            alert(col_count);
            document.location.href = location.href.split('?')[0]+"?column-count="+col_count; 
        }

</script>

</head>
<body>
<?php
                for($i = 0;$i < $var ;$i = $i+1){
                    $temp = "col" . $i;
                    echo " <input type='text' placeholder='column- name' id='" . $temp . "' />";
                }
            ?>
<form align="center" method="GET" action="" >
    <h1>Snippt</h1>     
    <select id="num-cols" onchange="send_column_count()">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
    </select>

    <input type="hidden" name="column-count" id="column-count-id" value="7" />      
    <input type="submit" name="Submit" value="Create Table" />

</form>
</body>
</html>

    EDIT: The JS way:

    function send_col_count() {
var col_count = document.getElementById('num-cols').value;
var htmlConstructed = "";
for(i=0;i<col_count;i++) {
htmlConstructed += "<input type='text' id='col"+i+"' />";
}
document.getElementById('myCustomFields').innerHTML = htmlConstructed;
}

// and somewhere in body:

<div id="myCustomFields"></div>
    评论

报告相同问题？

悬赏问题

  • ¥15 C++ yoloV5改写遇到的问题
  • ¥20 win11修改中文用户名路径
  • ¥15 win2012磁盘空间不足,c盘正常，d盘无法写入
  • ¥15 用土力学知识进行土坡稳定性分析与挡土墙设计
  • ¥70 PlayWright在Java上连接CDP关联本地Chrome启动失败,貌似是Windows端口转发问题
  • ¥15 帮我写一个c++工程
  • ¥30 Eclipse官网打不开，官网首页进不去，显示无法访问此页面，求解决方法
  • ¥15 关于smbclient 库的使用
  • ¥15 微信小程序协议怎么写
  • ¥15 c语言怎么用printf（“\b \b”）与getch（）实现黑框里写入与删除？