Üç seçme kutusu nasıl kullanılır ve JavaScript ile seçim nasıl yapılır?

Bir kutuda seçilen değerin sonraki seçme kutularında görünmemesi gereken bir sayfada 3 seçim kutusu kullanmam gerekiyor. Buna kodla ayrıntılı açıklama yapabilir miyim? JS'de bir yeni kullanıcı. Bu PHP ile de yapılabilir eğer bana bildirin. Şimdiden teşekkürler.Üç seçme kutusu nasıl kullanılır ve JavaScript ile seçim nasıl yapılır?

<html> 
    <head> 
<title>check</title> 
<body> 


<select name="name[]" class="select"> 
    <option value="">Select</option> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
</select> 
<select name="name[]" class="select"> 
    <option value="">Select</option> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
</select> 
<select name="name[]" class="select"> 
    <option value="">Select</option> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
</select> 

<script> 
$('select').change(function() { 
    var myOpt = []; 
    $("select").each(function() { 
     myOpt.push($(this).val()); 
    }); 
    $("select").each(function() { 
     $(this).find("option").prop('hidden', false); 
     var sel = $(this); 
     $.each(myOpt, function(key, value) { 
      if((value != "") && (value != sel.val())) { 
       sel.find("option").filter('[value="' + value +'"]').prop('hidden', true); 
      } 
     }); 
    }); 
}); 
</script> 

</body> 
</head> 
</html>

kaynak

2016-03-25 Anand Shankar

İlk seçildikten sonra, ilk seçime göre sonraki seçme kutusunun değeri belirir? –

Evet .. Sonraki seçim kutusu, ilk seçim kutusunda seçili değeri göstermemeli vb. –

her şeyden önce bazı değişiklikler yapmak için kimlikleri seçmek için ids vermek –

Umut Bu cevap Sorgunuzla çözecektir:

$('select').change(function() { 
    var val = $(this).val(); 

    $("select").not(this).each(function(index, item) { 
     $(item).find("option[value='" + val + "']").remove(); 
    }); 
});

Yoksa için jsfiddle bağlantıya gidebilirsiniz Burada bana onun JS komut almayan neden haber ver .. örnek kodlar gider canlı demo.

kaynak

2016-03-25 06:44:43 ali

Bunu, sağladığınız URL’den denedim. Ama adım adım rehberlik istiyorum. Teşekkürler Sağladığım kodda nereye yanlış gittiğimi bildirin. –

Önce jquery lib'i indirmem gerekiyor mu? –

evet jQuery lib'i dahil etmemiz gerekiyor @AnandShankar –

Neden birden çok seçim kutusu kullanmıyorsunuz?

<select multiple name="name[]" class="select"> 
    <option value="">Select</option> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
</select>

kaynak

2016-03-25 08:17:36

Yapabilirim. ama seçmiş olduğum değere sahip üç seçim kutusunu bir sonraki ve sonrasına kadar göstermem gerekiyor. –

Merhaba .. Veritabanından gelen aynı verileri içeren üç seçim kutusu eklemem gerekiyor. Bu süre döngü ile nasıl yapılır? Kod ile ilgili herhangi bir yardım? –

Üç seçme kutusu nasıl kullanılır ve JavaScript ile seçim nasıl yapılır?

cevap

İlgili konular