SORU
30 Aralık 2010, PERŞEMBE


Ek veri seçenekleri jQuery kullanarak seçmek için ekleme

Umarım çok basit bir soru.

Bu gibi <select> her zamanki kutusu var

<select id="select">
    <option value="1">this</option>
    <option value="2">that</option>
    <option value="3">other</option>
</select>

Seçilen değeri ($("#select").val() kullanarak) Seçili öğeyi görünen değeri 6**. (kullanarak alabilirim

Ama nasıl <option> etiketinde ek bir değer gibi saklayabilir miyim? <option value="3.1" value2="3.2">other</option> gibi bir şey *ve 9* öznitelik örnekte 3.2) değerini almak istiyorum.

CEVAP
30 Aralık 2010, PERŞEMBE


HTML Biçimlendirme

<select id="select">
  <option value="1" data-foo="dogs">this</option>
  <option value="2" data-foo="cats">that</option>
  <option value="3" data-foo="gerbils">other</option>
</select>

Kod

// JavaScript using jQuery
$(function(){
    $('select').change(function(){
       var selected = $(this).find('option:selected');
       var extra = selected.data('foo'); 
       ...
    });
});

// Plain old JavaScript
var sel = document.getElementById('select');
var selected = sel.options[sel.selectedIndex];
var extra = selected.getAttribute('data-foo');

Çalışan bir örnek burada jQuery kullanarak olarak görüyorum: http://jsfiddle.net/GsdCj/1/
Çalışan bir örnek burada düz JavaScript kullanarak olarak görüyorum: http://jsfiddle.net/GsdCj/2/

HTML5 data attributes kullanarak bir WordPress kullanmak da kolayca erişilebilir sözdizimsel olarak geçerli bir şekilde elemanları için ekstra veri ekleyebilirsiniz.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • ABC News (Australia)

    ABC News (Au

    9 HAZİRAN 2008
  • Breno Rises

    Breno Rises

    7 Ocak 2014
  • Toddler Fun Learning

    Toddler Fun

    8 ŞUBAT 2013

İLGİLİ SORU / CEVAPLAR