javascript - 如何在单击按钮时获取同级选择器的值？

Question

我想在单击按钮时获取所选选项的值。问题是我有几组按钮和选择。所以，我必须以某种方式使用 sibling ，但我不知道如何......

<div class="form-group" ng-repeat="category in categories"> 
<div id="kkal-type" class="form-options">
     <select name="{{cats[$index]}}" id="{{cats[$index]}}">
        <option value="0" >--Не выбрано--</option>

        <option ng-repeat="food in category.foods" ng-show="food.available" value="{{food.cost}}">{{food.name+" - "+food.cost+"тг"}}</option>

     </select> 
     <input type="button" value="ВЫБРАТЬ" class="choose-btn orange filled" ng-click="update(this)"/ >    
</div>  

$scope.update = function(btn) {
    console.log(  $(btn).siblings('select').val());  
};

但这不起作用。谁知道如何让它工作？

提前谢谢您!

Answer 1

只需在选择时使用ng-model并将该值传递给ng-click函数

 <select name="{{cats[$index]}}" id="{{cats[$index]}}" ng-model="selectedItem">

 <input type="button" value="ВЫБРАТЬ" class="choose-btn orange filled" ng-click="update(selectedItem)"/ >    

 $scope.update = function(selectedItem) {
    console.log( selectedItem);  
 };

在旁注中，使用 ng-options 而不是 ng-repeat

<select name="{{cats[$index]}}" id="{{cats[$index]}}" ng-options="food.cost as food.name for food in category.foods" ng-model="selectedItem">
        <option value="0" >--Не выбрано--</option> 
 </select