Скриване на избраните опции при множествен избор

Като се има предвид следният html

    <select name="question_order[]" id="data1">
      <option value="">None</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>
    <br />
    <select name="question_order[]" id="data2">
      <option value="">None</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>
    <br />
    <select name="question_order[]" id="data3">
      <option value="">None</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>

Как мога да скрия/премахна избраните опции на data3, ако вече са избрани на data1 и data2?

Например, ако избера 1 на data1, след това 2 на data2, как мога да премахна тези две опции на data3?

Благодаря ви предварително. Поздравления.


jquery css select option multiple-instances
person sai    schedule 29.10.2013    source източник
comment
типично задание Given the following html ще сме много благодарни, ако можете да ни покажете какво сте започнали   -  person Drixson Oseña    schedule 29.10.2013
comment
check chained Изберете jQuery плъгин, той може да даде вашата идея. връзка   -  person caoglish    schedule 29.10.2013

Отговори (1)


arrow_upward
0
arrow_downward

Проверете цигулката Js

http://jsfiddle.net/aZPdd/

$('#data1').on('change', function() {
    var val=this.value;
   $("#data3").find("option:contains("+val+")").remove();
 });

$('#data2').on('change', function() {
     var val=this.value;
  $("#data3").find("option:contains("+val+")").remove();
});

$('#data3').on('change', function() {

});
person Arun Bertil    schedule 29.10.2013
comment
Можеше поне да изчака до тази сутрин, за да ги накара да се изпотят, мислейки, че ще трябва да предадат собствената си работа... - person b.kelley; 29.10.2013