select를 ul로 option을 li로 변경 채택완료
if ($it_id == '1497230211') {
$str .= '<tr>'.PHP_EOL;
$str .= '<th><label for="it_option_1">'.$subj[0].'</label></th>'.PHP_EOL;
$select = '<select id="it_option_1" class="it_option">'.PHP_EOL;
$select .= '<option value="">'.$aslang['io_select'].'</option>'.PHP_EOL;
for($i=0; $row=sql_fetch_array($result); $i++) {
if($row['io_price'] >= 0)
$price = ' + '.astxt($aslang['io_price'], array(number_format($row['io_price']))); //원
else
$price = ' '.astxt($aslang['io_price'], array(number_format($row['io_price']))); //원
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 .= '<td>'.$select.'</td> <img src="/img/io/'.$row['io_id'].'.jpg" id="disp_img" />'.PHP_EOL;
$str .= '</tr>'.PHP_EOL;
}
이 소스를 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");
})
이렇게 해서 자바스크립트 넣었는데 뭐가 잘못된걸까요? ㅠㅠ