[英]dynamic item selection of product and price
我有一個帶有價格的數組中的項目列表。 項目列表必須顯示在下拉列表中。 選擇一個后,我希望將其相應的價格放入名為price
的文本框中。
JS:
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" }
];
}
HTML:
<body onload="PopulateDropDownList()">
<hr />
<select id="productsDropDown">
</select>
<input type="text" name="price" value="">
</body>
我認為您正在嘗試類似下面發布的代碼。
function myFunction(e) { document.getElementById("price").value = e.target.value }
<hr /> <select id="productsDropDown" name="productsDropDown" onchange="myFunction(event)"> <option value="4">productId: 1</option> <option value="2">productId: 2</option> <option value="8">productId: 3</option> <option value="10">productId: 4</option> </select> <input type="text" size="30" name="price" id="price" />
var demo = angular.module('demo', []); function MyCtrl ($scope) { $scope.myGroups = [ {label:'Admin', value:1}, {label:'Users', value:2}, {label:'Public', value:3} ]; $scope.tellUs = function() { console.log("the selected group is - " + $scope.group); }; }
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.0.6/angular.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <div ng-app='demo' ng-controller='MyCtrl'> <p>You've just selected {{group}}.</p> <form> <select ng-model="group" ng-options="o.value as o.label for o in myGroups" ng-change="tellUs()"/> </form> </div>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.