카테고리 셀렉트 박스 바로이동
본문
<div class="work_select_wrap">
<div class="icon"><a href="<?php echo $list_href ?>"><i class="fa-solid fa-house"></i></a></div>
<?php if ($is_category) { ?>
<select name="sca" onchange="this.form.submit()";>
<option value=''>전체</option>
<?php echo get_category_option($bo_table, $sca); // SELECT OPTION 태그로 넘겨받음 ?>
</select>
<?php } ?>
<select id="categorySelect" onchange="if(this.value) location.href=(this.value);" value="<?php echo $g5['title']; ?>">
<?php
for ($i=0; $i<count($list); $i++) {
?>
<option value="<?php echo $list[$i]['href'] ?>"><a href="<?php echo $list[$i]['href'] ?>">
<?php echo $list[$i]['subject'] ?>
</a></option>
<?php } ?>
</select>
</div>
현재 이런식으로 코딩되었는데
flex사용하여 나눠놓은 상태라 아예 감싸지않고 wrap단일로만 감쌌습니다.
카테고리 선택시 바로 이동은 어려울까요
!-->답변 2
<?php if ($is_category) { ?>
<select name="sca"
onchange="location.href='?bo_table=<?=$bo_table?>&sca='+this.value;"
참고를 해보시겠어요?
<div class="work_select_wrap">
<div class="icon">
<a href="<?php echo $list_href ?>"><i class="fa-solid fa-house"></i></a>
</div>
<?php if ($is_category) { ?>
<select name="sca" onchange="this.form.submit();">
<option value=''>전체</option>
<?php echo get_category_option($bo_table, $sca); // SELECT OPTION 태그로 넘겨받음 ?>
</select>
<?php } ?>
<select id="categorySelect" onchange="handleCategorySelect(this)">
<?php for ($i = 0; $i < count($list); $i++) { ?>
<option value="<?php echo $list[$i]['href'] ?>">
<?php echo $list[$i]['subject'] ?>
</option>
<?php } ?>
</select>
</div>
<script>
function handleCategorySelect(select) {
const selectedValue = select.value;
if (selectedValue) {
window.location.href = selectedValue;
}
}
</script>