Два текста Box События Javascript

-1

У меня немного неприятности, пишущего два-текстовое поле-событие и хотел бы некоторую помощь ...Два текста Box События Javascript

я следующие:

<body> 
    <form action="#"> 
     <input type="text" id="begin" /> 
     <select id "toLeftBox"> 
     <option value = "a">Apple</option> 
     <option value = "b">Blueberry</option> 
     <option value = "c">Cherry</option> 
     </select> 
     = 
     <input type="text" id="done" /> 
     <select id= "toRightBox"> 
     <option value="a">Apple</option> 
     <option value="b">Blueberry</option> 
     <option value="c">Cherry</option> 
     </select> 
     <p id = "leftWeight"></p> 
     <p id = "rightWeight"></p> 
    </form> 
    <script> 
     var lftchoice = document.getElementById('begin'), 
      rgtchoice = document.getElementById('done'); 
      newLeft = document.getElementById("toLeftBox"); 
      newRight = document.getElementById("toRightBox"); 

     newValRight = function(){ 
     var tempR = document.getElementById("toRightBox").value; 
      if(tempR == "a"){ 
      rgtchoice.value = lftchoice.value * 1; 
      }else if(tempR == "b"){ 
      rgtchoice.value = lftchoice.value * 2; 
      }else if(tempR == "c"){ 
      rgtchoice.value = lftchoice.value * 3; 
      } 
     } 
     newValLeft = function(){ 
     var tempL = document.getElementById("toLeftBox").value; 
     if(tempL == tempR){ 
      lftchoice.value = rgtchoice.value*1; 
     }else if(tempL == "b"){ 
      lftchoice.value = rghtchoice.value * 2; 
     }else if(tempL == "c"){ 
      lftchoice.value = rgtchoice.value * 3; 
     } 
     } 
     lftchoice.onkeyup = newValRight; 
     rgtchoice.onkeyup = newValLeft; 
     newLeft.onchange = newValLeft; 
     newRight.onchange = newValRight; 
    </script> 
</body>

У меня есть два текстовых поля. Левое текстовое поле («начало») примет вес «выбранного элемента». Но правильный квадрат («done») должен изменить значение числа в зависимости от того, что пользователь выбирает, из раскрывающегося текстового списка. Когда значение введено в левом поле, правый флажок обновляется правильно, а при изменении элементов в выпадающем списке. Однако я бы хотел, чтобы он работал в обоих направлениях. Например:

Left 23 [Apple] = Right 23 [Apple] 
Left 23 [Apple] = Right 46 [Blueberry] (if I change to blueberry on right list) 
Left 46 [Blueberry] = Right 46 [Blueberry] (if I keep the right, and just change lft list)

Проще говоря, я хотел бы как текстовые поля, чтобы обновить правильное значение относительно выбранной фруктового/эквивалентности на противоположном поле.

спасибо

источник

2015-02-10 user6623512

Это новый вариант или toRightBox?