根据下拉选择的结果填充文本字段 – 使用php mysql ajax请求

我有一个表格，其中包含产品的下拉选择菜单和应包含产品价格的文本字段。 下拉菜单通过php从mysql数据库动态填充。 从下拉列表中选择产品后，我需要为文本字段自动填充与该产品相关的价格（在数据库的同一行中）。

到目前为止我所拥有的是：

Product or Service    <option value="">  Price  

Answer 1

将信息作为data-price属性添加到选项中。

然后，您可以获取的当前选定选项，获取相应的data-price属性，并使用它更新文本字段。

使用jQuery更容易：

 $('select[name="product"]').change(function() { $('#textfieldid').val($('select[name="product"] option:selected').data('price')); } ); 

但如果需要，你可以使用纯JS实现相同的结果。

注意：您想要正确地转义您输出的任何文本。 echo $productRow['product']; 如果它包含任何&或<会导致奇怪的结果。