显示来自html下拉列表的值数据

时间:2012-05-14 01:09:29

标签: php javascript jquery html dom

我创建了一个脚本,该脚本从我的数据库中获取按产品数量出货的状态和价格。

所以...我有2个下拉列表,一个用于数量,第二个用于状态。

这是我的主要php文件:http://pastebin.com/U6dncsZ6
这是第二个php文件(用于数据库连接) - findcity.php:http://pastebin.com/AuEXrnpD

如你所见,在我的第二个php文件中,我有这一行:

<option value=<?=$row['price']?>><?=$row['title']?></option>

我想显示数据库中的运费(页面上的$ row ['price']。 我在浏览器中指定使用“Inspect element”我可以看到添加的价格作为州的价值,如:

<option value="48.11">State</option>

请帮助:(

Le:正如我在评论中所说,我终于发现它在这里工作:jsfiddle.net/Dkn4n/1/ 但由于某些原因,它没有被检测到,但它不能在我的页面中工作,可能是因为该值未在html中设置,我无法在源中查看值,仅在“Inspect element”中。该值按照我在上面指定的方式设置,使用$ row ['price']

2 个答案:

答案 0 :(得分:2)

您的select语句在页面上如下所示:

<select id="provincia">
    <option value="10.00">CA</option>
    <option value="20.00">NY</option>
</select>

因此,使用javascript / jQuery,您可以执行以下操作以获取所选选项的值。

$(document).ready(function(){
 $("#provincia").change(function(){
   alert(this.value);
   //do stuff here to set the value where you want it.
 });
});  

以下是演示:http://jsfiddle.net/Dkn4n/

答案 1 :(得分:1)

添加到“追逐”答案:

$(document).ready(function(){
 $("#provincia").change(function(){
   $("#selectedprice").html(this.value);
   //<div id=selectedprice></div> should show  your value
 });
});  

并扩展它:

在这一行:     的document.getElementById( 'provinciadiv')的innerHTML = req.responseText。

DO

    $("#provincia").change(function(){
       $("#selectedprice").html(this.value);
       //<div id=selectedprice></div> should show  your value
     });

又来了! 因为替换零件后“更改”绑定已经消失...