如何根据文本框中选择的值获取值?

时间:2012-05-22 18:41:43

标签: php javascript

我想知道当我从下拉框中选择任何值时,它会在下一个字段中显示它的价格。

示例:如果我从下拉菜单中选择零食,则通过从PHP中的数据库中获取价格,在下一个字段中显示其价格。项目也从数据库中提取。

选择特定值时,我想要的是:

Here is how I want when select a particular value

以下是从数据库中获取数据的代码:

<?php
$eb = "SELECT EmployeeID,FirstName,LastName FROM employees";
$res = mysql_query($eb);
$no_records = mysql_num_rows($res);
if($no_records > 0)
{?>
    <select name="EnteredBy" id="EnteredBy"><?php
    while($row = mysql_fetch_array($res))
    {
         echo '<option value='.$row['EmployeeID'].'>'.$row['LastName'].",".$row['FirstName'].'</option>';
    }
    ?>
    </select>
    <?php
}
?>

1 个答案:

答案 0 :(得分:0)

以下内容应该可以帮到你。您需要做的就是编写一个onchange函数来更新您的“下一个字段”,并选择所选项的值。

<html>
<head>
    <script type="text/javascript">
        function changeValue() {
            var price = document.getElementById('items').options[document.getElementById('items').selectedIndex].value;
            document.getElementById('price').innerHTML= '$'+price;
        }
    </script>

</head>
<body onload="changeValue();">
    Select Item:
    <select id="items" onchange="changeValue();">
        <option value="5">Snack</option>
        <option value="1">Soda</option>
        <option value="10">Meal</option>
    </select>

    <br/><br/>
    Price:
    <div id="price">
    </div>
</body>
</html>