如何从数据库中获取值并在javascript的select选项中显示它们

我已经创建了下面的代码来对从数据库中获取的数据进行计算。步骤：

获取javascript将用于从数据库进行计算的值，并使用

'u“value=“”

使用获取的值使用javascript进行计算<代码>'u'

我所需要的只是获取这些值并用它在JavaScript中进行计算，但什么都没有发生

下面的代码获取数据和值

    <select name="urgency" id="urgency"  class="form-control"  onchange="caltotal()">
    <?php
    $query = $conn->query("SELECT idurgency,amount_added,value,hours_day FROM cww_avid_urgency");

    foreach ($query as $key => $row) {
    if ($row['idurgency'] == $post['urgency']) {
    echo '<option selected="selected" id="' . $row['idurgency'] . 'u" value="' . $row['idurgency'] . '"  title="' . $row['amount_added'] . '">' . $row['value'] . $row['hours_day'] . '</option>';
    }
    else {
    echo '<option selected="selected" id="' . $row['idurgency'] . 'u" value="' . $row['idurgency'] . '"  title="' . $row['amount_added'] . '">' . $row['value'] . $row['hours_day'] . '</option>';
    }
    }
    ?>
    </select>

下面是计算后显示值的输入类型

            <input type="text" name="cpp" id="cpp" value="10.95" class="form-control" maxlength="14" readonly>
            <b>Currency Code</b>
    </div>
      <div class="col-sm-7">
            <input name="tamount" type="text" id="tamount" value="10.95" class="form-control" readonly>
            <b>Currency Code</b> &nbsp; &nbsp;
            <span class="tamount"></span>
     </div>

货币代码
货币代码

下面是执行计算和在Select上进行更改的脚本

<script type="text/javascript">
     function caltotal() {
      var x = document.getElementById("urgency").value;
       if (document.getElementById("urgency").value == 'u') {
  var  u = 10.95;
  document.getElementById("cpg").value =  +u;
  document.getElementById("ta").value =  +u;
  document.getElementById("np").value =  +u;
  } else if (document.getElementById("urgency").value == 'u') {
  var  u = 11.95;
  document.getElementById("cpg").value =  +u;
  document.getElementById("ta").value =  +u;
  document.getElementById("np").value =  +u;
  } else if (document.getElementById("urgency").value == 'u') {
  var  u = 12.95;
  document.getElementById("cpg").value =  +u;
  document.getElementById("ta").value =  +u;
  document.getElementById("np").value =  +u;
  } 
   </script>

函数caltotal（）{
var x=document.getElementById（“紧迫性”）.value；
if（document.getElementById（“紧迫性”）.value==“u”）{
var u=10.95；
document.getElementById（“cpg”）.value=+u；
document.getElementById（“ta”）.value=+u；
document.getElementById（“np”）。值=+u；
}else if（document.getElementById（“紧迫性”）.value==“u”）{
var u=11.95；
document.getElementById（“cpg”）.value=+u；
document.getElementById（“ta”）.value=+u；
document.getElementById（“np”）。值=+u；
}else if（document.getElementById（“紧迫性”）.value==“u”）{
var u=12.95；
document.getElementById（“cpg”）.value=+u；
document.getElementById（“ta”）.value=+u；
document.getElementById（“np”）。值=+u；
} 

---

当选择select Emergency（选择紧急状态）时，我所期望的结果也会影响其他选择的显示。

这里有一些与您的代码不符的地方

foreach循环中的if打印相同的结果，而不考虑 $row['idurrency']使其成为冗余

选项标记不需要id属性，甚至可能导致 问题。id属性应该是唯一的，并且每页只分配一次

然后，您的一些javascript也是冗余的

只需确保页面上只有一个元素具有三个名称之一，cpg、ta、np

---

我建议您对变量使用更具描述性的名称，从长远来看，这将对您有所帮助。

我遇到了一些错误

未定义
U
它没有从数据库中获取值
function caltotal() {
    var urgency = document.getElementById("urgency").value;
    var amount;
    if (urgency == 'u') {
        amount = 10.95;
    } else if (urgency == '?') {
        amount = 11.95;
    } else if (urgency == '??') {
        amount = 12.95;
    }

    document.getElementById("cpg").value += amount;
    document.getElementById("ta").value += amount;
    document.getElementById("np").value += amount;
}