在 html 中显示下拉列表中的值数据

Question

我创建了一个脚本，它从我的数据库中按产品数量获取运输状态和价格。

所以...我有 2 个下拉菜单，一个用于数量，第二个用于状态。

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

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

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

我想在页面上显示数据库中的运费 ($row['price']. 我指定在我的浏览器中使用“检查元素”，我可以看到作为状态值添加的价格，例如：

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

请帮忙:(

Le：正如我在评论中所说，我终于发现就像这里一样工作：jsfiddle.net/Dkn4n/1/ 但由于某些原因，它没有被检测到，但它在我的页面中不起作用，可能是因为没有在 html 中设置值，我无法在源代码中看到值，只能在“检查元素”中看到。值按照我上面指定的方式设置，$row['price']

Answer 1

添加到“Chase”的答案：

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

并扩展它：

在这一行： document.getElementById('provinciadiv').innerHTML=req.responseText;

做

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

再次！ 因为一旦更换零件，“更改”绑定就消失了...

Answer 2

您的选择语句在页面上如下所示：

<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/