JQuery переместить вариант в другое поле и иметь свое значение

Question

JQuery переместить вариант в другое поле и иметь свое значение

0

Привет, ребята, вы можете помочь мне с этой функцией в jquery, первый набор ящиков работает в левом и правом поле и buttong, но второй набор ящиков не работает и не имеет своего значения цены, мне нужно исправить его, что он будет функционировать, когда я нажимаю кнопку >>, она перейдет в правый квадрат, и когда я нажму "<<, то он перейдет в левую рамку".

fb.html

<html>
 <head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
   <script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-3.0.0.js"></script>
 </head>

<body>
   <div>
     <select data-bind="options: foods, optionsText: 'foodName', selectedOptions: foodToBeAdded" multiple></select>
   <input type='button' data-bind="click: addFood" value=' > ' />
    <input type='button' data-bind="click: removeFood" value=' < ' />
   <select data-bind="options: selectedFoods, optionsText: 'foodName', selectedOptions: fo         odToBeRemoved" multiple></select>
     </div>

      <fieldset>
         <legend><p align="left" class=""><b>Reservation Total Price:</b> &nbsp;&nbsp;&nbsp;       </legend> <div data-bind="text: foodPriceTotal"></div>
   </fieldset>
  <script>
    $(document).ready(function () {
    var ViewModel = function () {
        self.foods = ko.observableArray([
            { foodName: 'food1', foodPrice: 100 },
            { foodName: 'food2', foodPrice: 200 },
            { foodName: 'food3', foodPrice: 300 },
            { foodName: 'food4', foodPrice: 400 }
        ]);
        self.selectedFoods = ko.observableArray([]);

        self.foodToBeAdded = ko.observableArray([]);
        self.foodToBeRemoved = ko.observableArray([]);

        self.foodPriceTotal = ko.computed(function () {
            var totalPrice = 0;

            ko.utils.arrayForEach(self.selectedFoods(), function (food) {
                totalPrice += food.foodPrice;
            });

            return totalPrice;
        }, this);

        self.addFood = function () {
            console.log(self.foodToBeAdded());
            var foods = self.foods.removeAll(self.foodToBeAdded());

            ko.utils.arrayForEach(foods, function (food) {
                self.selectedFoods.push(food);
            });
        }

         self.removeFood = function () {
           var foods = self.selectedFoods.removeAll(self.foodToBeRemoved());

           ko.utils.arrayForEach(foods, function (food) {
              self.foods.push(food);
             });
          }

          // console.log(self.foods());
         }

         ko.applyBindings(new ViewModel());
          });
       </script> 
    </body>
   <html>

jsfiddle Мне нужно работать с полученным, это образец того, что мне нужно, но это не работает http://jsfiddle.net/kzuMh/1/

user3375360 04 март 2014, в 14:42

Источник

0

@deepus, ваше редактирование недействительно, поэтому я откатил его. fb.html не является частью примера кода. Кроме того, тот, кто просматривал и принимал это изменение, должен был удалить свои права на рецензирование, не обращая внимания ... Я вижу, что PassKit также заметил ваши ошибки и уже отредактировал их, прежде чем смог откатиться.
Sheridan 04 март 2014, в 13:00

Теги:

javascript

jquery

html

1 ответ

Ещё вопросы

@deepus, ваше редактирование недействительно, поэтому я откатил его. fb.html не является частью примера кода. Кроме того, тот, кто просматривал и принимал это изменение, должен был удалить свои права на рецензирование, не обращая внимания ... Я вижу, что PassKit также заметил ваши ошибки и уже отредактировал их, прежде чем смог откатиться.

iubema · Accepted Answer · 2014-03-04T12-15-00.000Z

У вас есть дублированный идентификатор, это плохо... Я тестировал jdfiddle, и это не сработает, я думаю, вы хотите сделать что-то вроде этого:

var sLeft1 = $('#s-left1');
var sLeft2 = $('#s-left2');
var sRight1 = $('#s-right1');
var sRight2 = s('#s-right2');

с этим и изменяя идентификаторы должны работать...

http://jsfiddle.net/kzuMh/2/

это отлично работает :)) TNX это то, что мне нужно TNX :))