selectbox ta onclick yerine ne kullanılır

04-06-2014, 18:45:10

rws

1. kod

<a href="#myModal3" role="button" data-toggle="modal" id="3_a" onclick="javascript:increment_form(this.id)" class="btn modal_trigger">Okul listele </a>

2. kod

<a href="#myModal1" role="button" data-toggle="modal" id="1_a" onclick="javascript:increment_form(this.id)" class="btn modal_trigger">Sınıf listele</a>

Burada linke tıklayınca gizlenmiş div açılmakta aynı işlemi selectbox ta nasıl çalıştırabilirim

<select>
<option>Okul listele </option>
<option>2.secenek</option>
<option>Sınıf listele</option>
</select>

2.seçeneği seçtiğimde ilk koddaki onclick islemini nasıl tetikleyebilirim
4.seceneği seçtiğimde ikinci koddaki onclick islemini nasıl tetikleyebilirim

04-06-2014, 19:50:52

#2

DWather

onchange kullanabilirsin

04-06-2014, 22:12:35

#3

EkolWeb

jquery kullanmak isterseniz aşağıda ki örnek işinizi görecektir; native kullanmak istiyorsanız onchange durumu için function oluşturacaksınız, gizlenen selectboxa vereceğiniz id veya class hangisini isterseniz çağırıp style değişimi ile display özelliğini block yada none yaparak aynı işlevi sağlayabilirsiniz. Tavsiyem bu tarz durumlarda jquery kullanılması daha pratik olur.

http://jsfiddle.net/oguzz/Zuz7m/1/

05-06-2014, 00:26:52

#4

rws

EkolWeb adlı üyeden alıntı: mesajı görüntüle

jquery kullanmak isterseniz aşağıda ki örnek işinizi görecektir; native kullanmak istiyorsanız onchange durumu için function oluşturacaksınız, gizlenen selectboxa vereceğiniz id veya class hangisini isterseniz çağırıp style değişimi ile display özelliğini block yada none yaparak aynı işlevi sağlayabilirsiniz. Tavsiyem bu tarz durumlarda jquery kullanılması daha pratik olur.

http://jsfiddle.net/oguzz/Zuz7m/1/

burada zaten jquery kullanılmış,

javascript:increment_form(this.id) bununla tetikleyip gizli formu gösteriyoruz,

option öğesine nasıl bir atama yapmam bu tetiklemeyi sağlar

05-06-2014, 00:41:34

#5

EkolWeb

Optionla isiniz yok sonradan gostermek istedigini select elementine id verin ve bi function olusturun bu function icinde getelementsbyid ile style tanımlaması yaptırın caa tarafında bu select display:none olsun function icinde block yaptırın.bu functionıda tetiklemeyi yapacak selecte onchance olarak verin bu anlattıklarım native icin.jquery ornegi icin demo yapıp link verdim ordan bakabilirsin

05-06-2014, 01:04:19

#6

rws

EkolWeb adlı üyeden alıntı: mesajı görüntüle

Optionla isiniz yok sonradan gostermek istedigini select elementine id verin ve bi function olusturun bu function icinde getelementsbyid ile style tanımlaması yaptırın caa tarafında bu select display:none olsun function icinde block yaptırın.bu functionıda tetiklemeyi yapacak selecte onchance olarak verin bu anlattıklarım native icin.jquery ornegi icin demo yapıp link verdim ordan bakabilirsin

verdiğiniz kodla benim dediğim arasında bir alaka yok,

sayfada 3 link var

<a href="#myModal3" role="button" data-toggle="modal" id="3_a" onclick="javascript:increment_form(this.id)" class="btn modal_trigger">1. form</a>
<a href="#myModal2" role="button" data-toggle="modal" id="2_a" onclick="javascript:increment_form(this.id)" class="btn modal_trigger">2. form</a>
<a href="#myModal3" role="button" data-toggle="modal" id="3_a" onclick="javascript:increment_form(this.id)" class="btn modal_trigger">3. form</a>

bu linklerden her biri tıklanınca alttaki divlerden kendisine tanımlanmış olanı açıyor,

<div id="myModal3" class="modal hide fc-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none">1. form</div>
<div id="myModal2" class="modal hide fc-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none">1. form</div>
<div id="myModal3" class="modal hide fc-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none">1. form</div>

ben linkler yerine alttaki gibi bir selectbox koyabilir miyim, yoksa koyamaz mıyım?

<select onchange="javascript:increment_form(this.id)"> 
<option href="#myModal3" role="button" data-toggle="modal" id="3_a" class="btn modal_trigger">Okul listele </option> 
<option href="#myModal2" role="button" data-toggle="modal" id="2_a" class="btn modal_trigger">2.secenek</option> 
<option href="#myModal3" role="button" data-toggle="modal" id="3_a"  class="btn modal_trigger">Sınıf listele</option> 
</select>

05-06-2014, 01:15:30

#7

EkolWeb

Hocam sız baglantıyı kuramadınız soyledıgımle. Optıonlarda value kısmına tıklandıgınsa acılmasını ıstedıgınız dıvın ıd lerını verın change olayında sıze secılı optıonun degerını verıcek bu degerı alıp kullanabilirsiniz linklerdeki mantıkta aynı telden yazıyorum kod veremıyorum yapmk ıstedgınızı anladım

07-06-2014, 10:26:02

#8

alikarakoc93

istediğin şeyi anladığım kadarıyla yaptım umarım işine yarar,

http://jsfiddle.net/bykrkc/4cusm/

07-06-2014, 13:08:17

#9

rws

alikarakoc93 adlı üyeden alıntı: mesajı görüntüle

istediğin şeyi anladığım kadarıyla yaptım umarım işine yarar,

http://jsfiddle.net/bykrkc/4cusm/

Olmadı, zaten eklenti hazır, kodlar var ayrı bir jquery hazırlanmadan, konu içindeki selectbox ta onclik alternatifi yaratmaktı amacım,

eklenti üzerinde editleme yapmaya çalışacağım