基于javascript值显示文本或标签_Javascript_Html

基于javascript值显示文本或标签

javascript html

基于javascript值显示文本或标签,javascript,html,Javascript,Html,这是我第一次尝试javascript，并尝试基于另一个值在文本框中显示一个值这是我所拥有的，我已经根据答案进行了更新，但仍然不起作用 sql数据看起来像：平均价格评估 933.18 -99.39 1,024.50 61.48 948.00 13.87 939.92 78.56 907.89 20.84 840.73 -0.31 759.06 -16.71 718.83 -14.14 738.08 66.10 <body> <?php $

这是我第一次尝试javascript，并尝试基于另一个值在文本框中显示一个值

这是我所拥有的，我已经根据答案进行了更新，但仍然不起作用

sql数据看起来像：

平均价格评估 933.18 -99.39 1,024.50 61.48 948.00 13.87 939.92 78.56 907.89 20.84 840.73 -0.31 759.06 -16.71 718.83 -14.14 738.08 66.10

<body>

    <?php
    $sql = $stmt = $dbo->prepare("SELECT avg_total_price, evaluation FROM view_evm
    ");
    $stmt->execute();
    ?>
    <h1>EVM Details</h1>

    <TABLE class="data-table">
        <caption class="title">Calculations </caption>
        <thead>

        <TR>
            <TH>Avg Total Price</th>
            <TH><input type="text" name="avg_price" id="avg_total_price"  </TH>
            <TH>  </th>
       </TR>
       <tr>
           <TH>Evaluation</TH>
           <th><input type="text" name="evaluation" id="evaluation" onkeyup="updateRecommendation(event)"></th>
          <th><input type="text" name="evalresults" id="evalresults"</th>
       </tr>


    </table>
        <table id="table_results" class="data-table">
            <caption class="title"></caption>
            <thead>
                <tr>

                    <TH>Avg Total Price</TH>
                    <th>Evaluation</th>

                </tr>
            </thead>
            <HR>
            <?php
                while ($row = $stmt->fetch(PDO::FETCH_ASSOC)) {
                extract($row);
            ?>
            <tbody>
                <TR>

                    <Td><?php echo $row['avg_total_price']; ?> </Td>
                    <Td><?php echo $row['evaluation']; ?> </Td>
                 </TR>
            <?php
                }
            ?>
            </tbody>
    </table>

<script>


var table = document.getElementById('table_results');

for (var i=1; i< table.rows.length; i++)
    {
        table.rows[i].onclick=function()
            {

                document.getElementById("avg_total_price").value = this.cells[0].innerHTML;
                document.getElementById("evaluation").value = this.cells[1].innerHTML;

            };
    }

function updateRecommendation(event) {
    var currenteval = event.target.value;
    if (currenteval > 0){
        document.getElementById("evalresults").value = "Sell";
    } else {
        document.getElementById("evalresults").value = "Buy";
    }         
};
</script>

    </body>
</html>


EVM详细信息
计算
平均总价
var table=document.getElementById（'table_results'）；
对于（变量i=1；i0）{
document.getElementById（“evalresults”）.value=“Sell”；
}否则{
document.getElementById（“evalresults”）.value=“购买”；
}         
};

首先，输入元素上缺少结束标记（

）

其次，不要传递值，而是尝试传递

事件

并从中获取值，如下所示：

工作片段

函数更新推荐（事件）{
var currenteval=event.target.value；
如果（currenteval>0）{
document.getElementById（“evalresults”）.value=“Sell”；
}否则{
document.getElementById（“evalresults”）.value=“购买”；
}         
};

评价
首先，输入元素上缺少结束标记（
）
其次，不要传递值，而是尝试传递事件
并从中获取值，如下所示：
工作片段

函数更新推荐（事件）{
var currenteval=event.target.value；
如果（currenteval>0）{
document.getElementById（“evalresults”）.value=“Sell”；
}否则{
document.getElementById（“evalresults”）.value=“购买”；
}         
};

评价
没有id为currentval的元素，但您希望完成以下操作：

函数更新推荐（值）{
var currenteval=parseInt（值）；
如果（currenteval>0）{
document.getElementById（“evalresults”）.value=“Sell”；
}否则{
document.getElementById（“evalresults”）.value=“购买”；
}
};

评价
没有id为currentval的元素，但您希望完成以下操作：

函数更新推荐（值）{
var currenteval=parseInt（值）；
如果（currenteval>0）{
document.getElementById（“evalresults”）.value=“Sell”；
}否则{
document.getElementById（“evalresults”）.value=“购买”；
}
};

评价
没有id为“currenteval”
的元素。这是打字错误吗？没有id为“currenteval”
的元素。那是打字错误吗？