[]
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ı?
<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ı.
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.
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