在PHP内部调用时，Javascript函数没有响应。 （尝试将项添加到选项列表框中）

问题描述 投票：3回答：1

我想在php代码中调用一个javascript函数。但是，它不仅仅是有效的。我已经测试了无数的东西来确定问题究竟在哪里，而且我没有看到我尝试过的东西有什么问题，而不仅仅是回应。

这是完整的代码:(我将在下面解释）

<?php

//Connect to Database
include 'init.php';

if (!isset($_SESSION['user_id']))
{
    $_SESSION['msg'] = "You must log in first";
    header('location: login.php');
}

if (isset($_POST['insert'])) 
{
    $barcode = mysqli_real_escape_string($db, $_POST['barcode']);

    $query = "SELECT * FROM item_info WHERE serial_no = '$barcode'";
    $results = mysqli_query($db, $query);

    if (mysqli_num_rows($results) == 1)
    {
        $row = mysqli_fetch_array($results);
        $itemname = $row[1];

        ?>
        <script type="text/javascript">

        var one = "<?php echo $itemname; ?>";
        insertValue(one);

        </script>
        <?php
    }
    else
    {
        array_push($errors, "Unable to find an item with that Serial Number");
    }
}

?>

<!DOCTYPE html>
<html>
<head>
    <title>Home</title>
    <link rel="stylesheet" type="text/css" href="CSS/mainoperations.css">
</head>
<body>
    <div class="header">
    </div>

    <div id="container">
    <div id="leftcolumn">   
    <ul>
    <h1>PartsCribber</h1>
    <li><a class="active" href="mainoperations.php">Main Operations</a></li>
    <li><a href="vieweditprofile.php">Profile Settings</a></li>
    <li><a href="#contact">Change Password</a></li>
    <li><a href="#about">Student Cart</a></li>
    <li><a href="#about">Student Possession</a></li>
    <li><a href="#about">Update Inventory</a></li>
    <li><a href="#about">Log Out</a></li>
    </ul>
    </div>

    <div id="rightcolumn">
    <form method="post" action="mainoperations.php">

        <div class="title">
        <h3>
        <?php echo "Main Operations (1/3)"; ?>
        </h3>
        </div>

        <!-- notification message -->
        <?php if (isset($_SESSION['success'])) : ?>
        <div class="error success">
        <h3>
        <?php
        echo $_SESSION['success']; 
        unset($_SESSION['success']);
        ?>
        </h3>
        </div>
        <?php endif ?>

        <?php include('errors.php'); ?>

        <div class="input-group">
        <label>Scan Barcode:</label>
        <input type="text" id="barcode" name="barcode">
        </div>

        <div class="input-group">
        <button class="btn" name="insert" >Enter</button>
        </div>

        <div class="input-group">
        <button class="btn" onclick="deleteValue(); return false;">Delete Item</button>
        </div>

        <select id="myselect" size="15" class="select">
        </select>

    </form>

    </div>
    <div style="clear: both;"></div>
    </div>

    <script>

    function insertValue(itemname)
    { 
        var x = document.getElementById("myselect");
        var option = document.createElement("option");
        option.text = itemname;


        if(option.text.length == 0)
        {   
            //Do Nothing.
        }
        else
        {
            option.className = ('option');
            x.size = "8";
            x.add(option);
            document.getElementById("barcode").value = "";
        }
        }

    function deleteValue()
    {
        var x = document.getElementById("myselect");
        x.size = "8";
            x.remove(x.selectedIndex);
        }
    </script>

</body>
</html>

我想做什么？我的代码应该将输入的字符串输入到html文本字段（实际上应该是条形码/序列号）。并在数据库中搜索具有该序列号的项目，并将项目名称返回到HTML选项列表框中。我100％确定返回了正确的数据。我只是在调用javascript函数将数据添加到列表框时遇到问题。

我的代码结构：单击enter按钮，并设置发布数据：

<div class="input-group">
        <label>Scan Barcode:</label>
        <input type="text" id="barcode" name="barcode">
</div>

<div class="input-group">
        <button class="btn" name="insert" >Enter</button>
</div>

我使用php使用输入的数据获取项目名称。像这样：

if (isset($_POST['insert'])) 
{
    $barcode = mysqli_real_escape_string($db, $_POST['barcode']);

    $query = "SELECT * FROM item_info WHERE serial_no = '$barcode'";
    $results = mysqli_query($db, $query);

    if (mysqli_num_rows($results) == 1)
    {
        $row = mysqli_fetch_array($results);
        $itemname = $row[1];

        ?>
        <script type="text/javascript">
            var value = "<?php echo $itemname; ?>";
            insertValue(value);
        </script>
        <?php
    }
    else
    {
        array_push($errors, "Unable to find an item with that Serial Number");
    }
}

正如你可以看到我在上面调用javascript函数的地方，像这样：

<script type="text/javascript">
        var value = "<?php echo $itemname; ?>";
        insertValue(value);
</script>

我的实际javascript函数结构如下：

<script>

    function insertValue(itemname)
    { 
        var x = document.getElementById("myselect");
        var option = document.createElement("option");
        option.text = itemname;


        if(option.text.length == 0)
        {   
            //Do Nothing.
        }
        else
        {
            option.className = ('option');
            x.size = "8";
            x.add(option);
            document.getElementById("barcode").value = "";
        }
    }

    function deleteValue()
    {
        var x = document.getElementById("myselect");
        x.size = "8";
        x.remove(x.selectedIndex);
    }

</script>

所以我的问题是：

  1. 数据输入文本字段，从数据库返回正确的项目名称，但由于某些未知原因无法在选项列表框中显示。
  2. 我甚至不知道在哪里包含“返回假”;似乎在任何地方都没有用。

请帮忙。谢谢。

javascript php html function html-select
1个回答
2
投票

修复未定义函数调用的两种方法。

如果您在页面上加载了jquery，则可以将特殊插入包装在.ready中，如下所示：

    ?>
    <script type="text/javascript">
    $(function() {
        var one = "<?php echo $itemname; ?>";
        insertValue(one);
    });
    </script>
    <?php

但是，如果你没有jquery，一个简单的解决方案是你可以调整这个部分：

    ?>
    <script type="text/javascript">
        var one = "<?php echo $itemname; ?>";
        insertValue(one);
    </script>
    <?php

将其分配给变量：

$scriptstuff = '
    var one = "'. addslashes($itemname) .'";
    insertValue(one);
';

然后在你的实际<script>块的页面中进一步向下，在底部回显该变量（在函数定义之后）：

<script>
    // all your other javascript and function defines
    <?php echo $scriptstuff;?>
</script>
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.