Javascript 产品和价格的动态项目选择
我有一个列有价格的物品清单。项目列表必须显示在下拉列表中。选择一个后，我希望将其对应的价格放入名为Javascript 产品和价格的动态项目选择,javascript,html,Javascript,Html,我有一个列有价格的物品清单。项目列表必须显示在下拉列表中。选择一个后，我希望将其对应的价格放入名为price的文本框中 JS: function PopulateDropDownList() { var products = [ { productId: 1, name: "Fanta", price: "4" }, { productId: 2, name: "Coke", price: "2" }, { productId: 3, name: "Sprite",
pricefunction PopulateDropDownList() {
var products = [
{ productId: 1, name: "Fanta", price: "4" },
{ productId: 2, name: "Coke", price: "2" },
{ productId: 3, name: "Sprite", price: "8" },
{ productId: 4, name: "Malta Guniness", price: "10" }
];
}
<body onload="PopulateDropDownList()">
<hr />
<select id="productsDropDown">
</select>
<input type="text" name="price" value="">
</body>
function PopulateDropDownList() {
var products = [
{ productId: 1, name: "Fanta", price: "4" },
{ productId: 2, name: "Coke", price: "2" },
{ productId: 3, name: "Sprite", price: "8" },
{ productId: 4, name: "Malta Guniness", price: "10" }
];
}
<body onload="PopulateDropDownList()">
<hr />
<select id="productsDropDown">
</select>
<input type="text" name="price" value="">
</body>
函数myFunction（e）{
document.getElementById（“price”）.value=e.target.value
}
产品编号：1
产品编号：2
产品编号：3
产品编号：4
var demo=angular.module（'demo'，[]）；
函数MyCtrl（$scope）{
$scope.myGroups=[
{标签：'Admin'，值：1}，
{标签：'Users'，值：2}，
{标签：'Public'，值：3}
];
$scope.tellUs=函数（）{
log（“所选组为-”+$scope.group）；
};
}
您刚刚选择了{{group}}