select를 ul로 option을 li로 변경 채택완료
if ($it_id == '1497230211') {
$str .= ' $select = '<select id="it_option_1" class="it_option">'.PHP_EOL;
$select .= ' if($row['io_stock_qty'] < 1)
$soldout = ' '.$aslang['io_soldout']; //[품절]
else
$soldout = ''; $select .= '<option value="'.$row['io_id'].','.$row['io_price'].','.$row['io_stock_qty'].'" class="imglink" rel="/img/io/'.$row['io_id'].'.jpg">'.$row['io_id'].$price.$soldout.'option>'.PHP_EOL;
}
$select .= 'select>'.PHP_EOL; $str .= ''.PHP_EOL;
$str .= ' '.PHP_EOL;
}'.PHP_EOL;
'.$select.' 
'.PHP_EOL;
$str .= '
이 소스를 ul과 li로 어떻게 바꿀 수 있을까요?
답변 2개
하단에 mouseover 이벤트 때문이신가요?
구글링해서 selectbox dropdown 으로 검색하시면 소스들 있습니다
보통 셀렉트 박스를 리스트로 변경합니다 예 http://hernansartorio.com/jquery-nice-select/
select 를 리스트로 변경하시고 변경도니 리스트에 마우스 오버 이벤트가 발생하시면 해당 slelect 의옵션 value 값을 이용해 option의 rel 값을 확인하시면 됩실듯 합니다.
jQuery("#it_option_1 option[value='"+val+"']").attr("rel");
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
쓰시는 플러그 인에 따라 해당 이벤트를 넣으셔야 합니다
만약에 해당 플러
$(document).ready(function() {
jQuery("해당 li").on("mouseenter", function(){ $("#it_option_1 option[value='"+val+"']").attr("rel"); });
});
이런형식으로 이벤트를 넣어주셔야 합니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
그런데 선택했을 때 옵션선택이 되지 않고 마우스 오버해도 반응이 없습니다 ㅠㅠ
$(document).ready(function() {
$("#it_option_1 option[value='"+val+"']").attr("rel");
})
이렇게 해서 자바스크립트 넣었는데 뭐가 잘못된걸까요? ㅠㅠ