在下拉列表中選擇項目名稱后如何顯示文本，要顯示的文本不是select的值

Question

在下拉列表中選擇項目名稱后，我想顯示項目的描述。 我使用php將項目的值及其相應的描述保存在一個數組中。 所以這是我在php中的代碼（在循環內）：

$item_name[] = ucfirst($row['item_name']);
$desci[] = ucfirst($row['descr']);

然后我有這個腳本（不起作用）

function updateText(val) 
    {
        var $el = document.getElementById("adv1");
        for($i=0; $i < <?php echo $ctr ?>; $i++)
        {
            if(val == '<?php echo "'.$itemid[$i].'" ?>')
            {
                $el.value = "$ 750";
            }
            else
            {
                 $el.value = "0";
            }
        }
    } 

這是我的html代碼

<select name="item" id="datetime"  onchange="updateText(this.value)"  autofocus required>';
for ($i=0; $i < $ctr; $i++) { 
    echo '  <option value="'.$itemid[$i].'">'.$item_name[$i].' '.$brand[$i].' </option>';
}

echo '</select><p id="adv1"> </p>';

我想知道如何從php檢索數據並在javascript中使用它。 抱歉，這是新手。 感謝您的協助，TIA！

Answer 1

 <?php

    echo    '<select name="item" id="datetime"  onchange="updateText(this.options[this.selectedIndex].getAttribute(\'data-val\'))"  autofocus required>';  
    for ($i=0; $i <$ctr; $i++) { 
        echo '  <option value="'.$itemid[$i].'" data-val="'.$desci[$i].'">'.$item_name[$i].' '.$brand[$i].' </option>';
    }
    echo '</select><p id="adv1"> </p>';
?>


 <script>
    function  updateText(nttest){
        document.getElementById("adv1").innerHTML=nttest;
    }
 </script>

希望對您有所幫助，在data-val中，您可以傳遞需要在adv1中顯示的值

Answer 2

您需要使用ajax，ajax易於使用，只需按照此鏈接上的示例進行操作即可，它只是刷新div，因此您不必刷新整個頁面即可顯示某些內容

http://www.w3schools.com/ajax/