[]

javascript bilenlere soru?

<select id="select1" name="indication_subject[]">
<option value="" selected="selected">a </option>
<option> Accounting</option>
<option> Afrikaans</option>
<option> Applied Information and Communication Technology</option>
<option> Arabic</option>
<option> Art and Design</option>
<option> Biology</option>
<option> Business Studies</option>
</select>

<select id="select2" name="indication_subject[]">
<option value="" selected="selected">a </option>
<option> Accounting</option>
<option> Afrikaans</option>
<option> Applied Information and Communication Technology</option>
<option> Arabic</option>
<option> Art and Design</option>
<option> Biology</option>
<option> Business Studies</option>
</select>

<select id="select3" name="indication_subject[]">
<option value="" selected="selected">a </option>
<option> Accounting</option>
<option> Afrikaans</option>
<option> Applied Information and Communication Technology</option>
<option> Arabic</option>
<option> Art and Design</option>
<option> Biology</option>
<option> Business Studies</option>
</select>

<select id="select4" name="indication_subject[]">
<option value="" selected="selected">a </option>
<option> Accounting</option>
<option> Afrikaans</option>
<option> Applied Information and Communication Technology</option>
<option> Arabic</option>
<option> Art and Design</option>
<option> Biology</option>
<option> Business Studies</option>
</select>

<select id="select5" name="indication_subject[]">
<option value="" selected="selected">a </option>
<option> Accounting</option>
<option> Afrikaans</option>
<option> Applied Information and Communication Technology</option>
<option> Arabic</option>
<option> Art and Design</option>
<option> Biology</option>
<option> Business Studies</option>
</select>
.................................................................
function preventDupes( select, index ) {
var options = select.options,
len = options.length;
while( len-- ) {
options[ len ].disabled = false;
}
select.options[ index ].disabled = true;
if( index === select.selectedIndex ) {
alert('You\'ve already selected the item "' + select.options[index].text + '".\n\nPlease choose another.');
this.selectedIndex = 0;
}

}

var select1 = select = document.getElementById( 'select1' );
var select2 = select = document.getElementById( 'select2' );
var select3 = select = document.getElementById( 'select3' );
var select4 = select = document.getElementById( 'select4' );
var select5 = select = document.getElementById( 'select5' );

select1.onchange = function() {
preventDupes.call(this, select2, this.selectedIndex );
preventDupes.call(this, select3, this.selectedIndex );
preventDupes.call(this, select4, this.selectedIndex );
preventDupes.call(this, select5, this.selectedIndex );
};

select2.onchange = function() {
preventDupes.call(this, select1, this.selectedIndex );
preventDupes.call(this, select3, this.selectedIndex );
preventDupes.call(this, select4, this.selectedIndex );
preventDupes.call(this, select5, this.selectedIndex );
};

select3.onchange = function() {
preventDupes.call(this, select1, this.selectedIndex );
preventDupes.call(this, select2, this.selectedIndex );
preventDupes.call(this, select4, this.selectedIndex );
preventDupes.call(this, select5, this.selectedIndex );
};

select4.onchange = function() {
preventDupes.call(this, select1, this.selectedIndex );
preventDupes.call(this, select2, this.selectedIndex );
preventDupes.call(this, select3, this.selectedIndex );
preventDupes.call(this, select5, this.selectedIndex );
};

select5.onchange = function() {
preventDupes.call(this, select1, this.selectedIndex );
preventDupes.call(this, select2, this.selectedIndex );
preventDupes.call(this, select3, this.selectedIndex );
preventDupes.call(this, select4, this.selectedIndex );
};

5 tane dropdown var elimizde bu dropdown daki değerlerden TOP 5 seçilecek.İlk dropdowndan accounting seçildiyse diğer dördünde disable olacak ikincide biology seçildiyse diğer 3ünde bology ve accounting disable olucak böylece TOP 5 oluştururken kullanıcı aynı değeri bir daha seçemeyecek. yukardaki kod çalışıyor ama her değeri disable etmiyor sadece son verileni disable ediyor.Yardım edebilcek olan var mı?

 
function'ı biraz değiştirdim. function'dan önce de bi satır var işte.

var dsbl= [];
function preventDupes( select, index ) {

dsbl.push(index);

var options = select.options,
len = options.length;
while( len-- ) {
options[ len ].disabled = false;
}

for(i = 0; i < dsbl.length; i++){
select.options[dsbl[i]].disabled = true;
}

... bundan sonrası aynı.
  • tepedeki psychedelic adam  (24.09.17 23:16:54 ~ 23:17:38) 
pastebin, gist vs. dururken koca kodu buraya kopyala yapıştır yaptığın için öncelikle seni tebrik ediyorum.

sonrasında onchange içerisinde preventDupes'i çağırıyorsun, bu fonksiyon önce gidip bütün option'arın disabled özelliğini false yapıyor, sonra bir tanesini true yapıyor, bunun sonucunda da ya ne olacağıdı diyesim geliyor.
  • selam  (24.09.17 23:21:40) 
preventDupes bunu da ilk parametreyi array alacak şekilde değiştir, onchange'ler içerisinde de select'leri liste olarak ver, kodu kısalt, bandwith'den kazan


  • selam  (24.09.17 23:24:43) 
1
buraya yazılanların hakları Sir Anthony Hopkins'e aittir.
yazan eden compumaster, ilgilenen eden fader
modere edenler angelus, Artibir, aychovsky, baba jo, basond, compumaster, deckard, duyulmasi gerektigi kadar, fader, fraise, groove salad, kahvegibi, kaymaktutmayansicaksut, kibritsuyu, monstro, pandispanya, robin, ron dennis
bu sitede yazılanların hiçbiri doğru değildir. site içeriği küçükler için sakıncalı olabilir. yazılardan yazarları sorumludur. kaynak göstermeden alıntılanamaz. devlet tarafından atanmış bir kurumun internet üzerinde kimin hangi bilgiye ulaşıp ulaşamayacağına karar vermesi insan haklarına aykırıdır. web siteleri kullanıcıların istekleri doğrultusunda bağlandıkları yerlerdir. kullanıcılar isterlerse bir web sitesine bağlanmayabilirler. bu güçleri ve imkanları mevcuttur. bir kullanıcı bir siteye bağlanmak istiyorsa bu onun tercihi ve hakkıdır. bağlanmak istemiyorsa bu yine onun tercihi ve hakkıdır. halkın kendisine hizmet etmesi için görevlendirdiği kurumlar hadlerini aşıp halka neye ulaşıp ulaşmayacağını bilmeyen cahil cühela muamelesi edemezler. ebeveynlerin çocuklarını sakıncalı içeriklerden koruması için çok sayıda bedava ve ücretli yazılım mevcuttur. bu yazılımlar bir web tarayıcısını kullanmaktan daha karmaşık teknik bilgi gerektirmemektedir. devletin milletini küçük düşürmesi ve ebleh yerine koyması yasaktır. Skimlinks ile linkler üzerinden yönlendirme payı alınmaktadır.