Html'in select etiketi ile 1den 5e kadar seçenekleri olan bir combobox'ın değerini değiştirdikçe html tablosunun bir satırındaki hücre sayısının 1den 5e kadar değişmesini istiyorum. jQuery üzerinde çok bi deneyimim yok. uzun zamandır da bakacak fırsatım olmamıştı. ne yapmam gerektiği konusunda yardımcı olabilirseniz çok sevinirim arkadaşlar.

Şimdiden teşekkürler, Timur

soruldu: 02 Haz '12, 15:18

Timur%20Aykut%20YILDIRIM's gravatar image

Timur Aykut YILDIRIM
371325047
cevap kabul oranı: 14%

değiştirildi: 02 Haz '12, 16:38

%C3%B6zcanacar's gravatar image

özcanacar ♦♦
17.2k59183183


Merhablar,

Basit bir uygulama hazırladım. Üzerinde değişiklikler yaparak kendine göre dinamik yapabilirsin. Örneğin satır sayısınıda değiştirebilirsin.

enter code here
//Jquery Script Kodları
<script type="text/javascript">
$(document).ready(function()
{
    //Combobox da değer(value) değiştiği zaman tetiklenir 
    $('.comboClass').change(function () {
        //Seçtiğin değere göre tek satır içerisinde sütun oluşturur. 
        $("select option:selected").each(function () {
             for (var row = 0; row < 1; row++) {
                var tr = $('<tr>').appendTo("#tableId");
                    for (var i = 0; i < this.value; i++) {
                        tr.append($("<td>btsoru</td>"));
            }
        }
      });
    });
});

</script>
Kolay gelsin

permanent link

cevaplandı: 02 Haz '12, 16:35

pars2307's gravatar image

pars2307
141127
cevap kabul oranı: 20%

değiştirildi: 02 Haz '12, 16:36

Eyvallah hocam sağolasın :) peki combobox ile yeni bir sayı seçtiğimde önceki seçimlerin oluşturduğu hücreleri nasıl silebilirim?

(03 Haz '12, 05:40) Timur Aykut YILDIRIM Timur%20Aykut%20YILDIRIM's gravatar image
1

Her Combobox(select drop-down list) değeri seçtiğinde (for döngüsüne girmeden önce) HTML Table tr kaldırabilirisin.

$('.comboClass').change(function () { //Seçtiğin değere göre tek satır içerisinde sütun oluşturur. $("select option:selected").each(function () { $('#tableId tr').remove(); . . . . .

Şeklinde "$('#tableId tr').remove()" ekleyerek satırı(tr) kaldırabilirsin.

(03 Haz '12, 06:44) pars2307 pars2307's gravatar image

Tamamdır, çok teşekkürler (:

(04 Haz '12, 03:49) Timur Aykut YILDIRIM Timur%20Aykut%20YILDIRIM's gravatar image
Cevabınız
toggle preview

Bu soruyu takip et

E-Posta üzerinden:

Üyelik girişi yaptıktan sonra abonelik işlemlerini yapabilirsiniz

RSS üzerinden:

Cevaplar

Cevaplar ve Yorumlar

Yazı Formatlama

  • *italic* ya da _italic_
  • **bold** ya da __bold__
  • link:[text](http://url.com/ "başlık")
  • resim?![alt text](/path/img.jpg "başlık")
  • liste: 1. Foo 2. Bar
  • temel HTML etiketleri de kullanılabilir

Bu sorunun etiketleri:

×92
×72
×1

Soruldu: 02 Haz '12, 15:18

Görüntüleme: 1,165 kez

Son güncelleme: 04 Haz '12, 03:49

powered by BitNami OSQA