선택 상자 옵션을 표시하기 위해 마우스를 가져가기
제시된 문제는 클릭한 후가 아니라 마우스를 올리면 옵션을 표시하는 선택 상자를 만드는 것과 관련이 있습니다. 제공된 코드는 간단한 선택 상자입니다.
<select name="size"> <option value="small">Small</option> <option value="medium">Medium</option> <option value="large">Large</option> </select>
솔루션
제공된 jQuery 솔루션은 원하는 동작을 달성하는 것을 목표로 합니다.
$('#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(){ });
설명
추가 기능
솔루션이 다음을 포함하도록 확장되었습니다.
위 내용은 클릭하는 대신 마우스 오버 시 선택 상자 옵션을 표시하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!