Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Memaparkan Pilihan Kotak Pilihan pada Tuding Daripada Mengklik?
Melayang untuk Memaparkan Pilihan Kotak Pilihan
Isu yang dibentangkan melibatkan mencipta kotak pilih yang memaparkan pilihan pada tuding dan bukannya selepas mengklik. Kod yang disediakan ialah kotak pilihan mudah:
<select name="size"> <option value="small">Small</option> <option value="medium">Medium</option> <option value="large">Large</option> </select>
Penyelesaian
Penyelesaian jQuery yang disediakan bertujuan untuk mencapai tingkah laku yang diingini:
$('#selectUl li:not(":first")').addClass('unselected'); $('#selectUl').hover( function(){ $(this).find('li').click( function(){ $('.unselected').removeClass('unselected'); $(this).siblings('li').addClass('unselected'); var index = $(this).index(); $('select option:selected').removeAttr('selected'); $('select[name=size]') .find('option:eq(' + index + ')') .attr('selected',true); }); }, function(){ });
Penjelasan
Ciri Tambahan
Penyelesaian telah diperluaskan untuk merangkumi:
Atas ialah kandungan terperinci Bagaimana untuk Memaparkan Pilihan Kotak Pilihan pada Tuding Daripada Mengklik?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!