개발 Q&A

제목 select 링크에 대해서 질문 드립니다. 꾸~벅~
글쓴이 꾸숑 작성시각 2013/05/10 07:33:59
댓글 : 12 추천 : 1 스크랩 : 0 조회수 : 20157   RSS

현재 게시판 카테고리 분류 링크 작업 중입니다.
모두 작업이 되었는데 한가지가 안되고 있어 질문 드립니다.
아마 자바스크립트 쪽인것 같네요.. php로 처리 하고 싶은데 가능한 소스를 찾지 못했네요..

제가 하고자 하는것은 셀렉트를 선택시 바로 폼 전송 하는것입니다.(./board/index/id/$this->id/page/1)
이동만 된다면 작업 끝 입니다.^^

echo print_r($board_category);// 값은 아래입니다.
Array ( [0] => 분류 [1] => 정치 [2] => 경제 [3] => 사회 [4] => 문화 [5] => 외교 [6] => 군사 [7] => 스포츠 [8] => 예술 )


list_view.php
<?  //카테고리 선택
   $board_category = explode ("|", $admin['board_category']);
   echo print_r($board_category);

   $attributes = array('name' => 'fboardform', 'id' => '');
   echo form_open("./board/index/id/$this->id/page/1",$attributes);
?>
   <select name="category" onChange=fboardform.submit()>
<? foreach($board_category as $row){ ?>
    <option value="<?=$row?>"><?=$row?></option>
<?}?> 
</select>
</form>

php와 ci가 조금 되니까 이젠 자바스크립트가 발목을 꽉 잡네요 아~휴~

태그 링크,카테고리,select
 다음글 restful 을 이용한 api 서버 구축중인데, 조언... (3)
 이전글 php gd 사용 질문드립니다. (1)

댓글

risa / 2013/05/10 09:28:49 / 추천 0
셀렉트 박스 선택시 해당 사이트로 폼전송 말씀이신가요?

참고하세요.

http://api.jquery.com/change/


꾸숑 / 2013/05/10 11:40:16 / 추천 0
risa//
제이쿼리 지금은 사용안했으면 해서요....
조만간 제이쿼리 학습 시작하면서 기존 쌩 자바스크립트를 비교해가면서 학습 할려고 합니다.

폼전송 맞습니다. 맞고요~~~
한대승(불의회상) / 2013/05/10 13:39:36 / 추천 0
꾸숑// 그냥 jquery로 고고씽~~ ^^
꾸숑 / 2013/05/10 17:52:14 / 추천 0
불의회상//
아니여요~ 자바스크립트 알려 주세요^^
변종원(웅파) / 2013/05/10 18:06:03 / 추천 0
jquery로 알려주는 센스.


<script>

$(document).ready(function(){
    $("#ads_id").change(function(){
        var ads_id = $("#ads_id > option:selected").val();
        var term_id = $("#term_id > option:selected").val();
        
        document.location.href= "/ads/ad_manage/2/?term_id=" + term_id + "&ads_id=" + ads_id;
    });
});
</script>



<select id="term_id" name="term_id">
    <option value="">선택</option>
<?php
foreach ($ads_list as $lt) 
{
?>
   <option value="<?php echo $lt['term_id']?>"><?php echo $lt['term_title']?></option>
<?php 
}
?>                        
</select>

꾸숑 / 2013/05/10 18:11:38 / 추천 0
웅파//
ㅜㅠ
감~~~사 해욤

어쩔수 없이 제이쿼리 공부 해야 겠네요...
강제로 공부하는 느낌이 들어 요 ㅎㅎㅎ
변종원(웅파) / 2013/05/10 19:08:06 / 추천 0
꾸숑/ 근데 써보면 왜 jquery 하라고 이야기들 하는지 몸으로 체험하실 겁니다.

막강한 셀렉터, ajax 등등.....
꾸숑 / 2013/05/10 19:24:33 / 추천 0
웅파//
어짜피 해야 할것인데.. 좀 많이 미루어 왔네요...
제이쿼리 학습 시작 해야 겠어요
감사합니다.
꾸숑 / 2013/05/15 12:33:51 / 추천 0
순수 자바스크립트로 구현했습니다.
이상한것은 Jquery 보다 더 간단 하다는 것이지요~~~

<? //카테고리
 $board_category = explode ("|", $admin['board_category']);
?>
<form name="fboardform" method="post" action="<?=base_url()?>board/index/id/<?=$this->id?>/page/1">
 <select name="category" onchange="if(this.value!='카테고리')document.forms['fboardform'].submit();">
  <option value="카테고리">카테고리</option>
<? foreach($board_category as $row){ ?>
  <option value="<?=$row?>"><?=$row?></option>
<?}?>
 </select>
</form>
들국화 / 2013/05/15 15:31:40 / 추천 0
꾸숑//

저 코드는 괜찮겠지만... 브라우져 호환성 문제가 있을수 있습니다.
IE만 해도 버전 별로 처리해야 하는 경우도 생기고...
jquery 서보면 아시겠지만 직관적이고 코딩양도 상당히 줄여 줍니다.
프레임 워크를 쓰는이유중 하나가 검증된 코드라는 점도 있죠... 전 쓰는게 좋네요.. ^^
한대승(불의회상) / 2013/05/15 17:51:51 / 추천 0
꾸숑//

jquery로 똑같이 짧게 작성 가능 합니다.

<form id="frm" name="fboardform" ...>

<select name="category" onchange="if($(this).val()!='카테고리') $('#frm').submit()">

꾸숑 / 2013/05/15 22:57:12 / 추천 0

들국화//
어쩐지 넘 잘되서 좀 찜찜했어요..  브라우져 호환성이 문제 일수도 있군요... 역시 자스의 갑은 jqrery 인것 같네요^^

불의회상//
아 글쿤요... jqrery 로도 되는군요....

뭔가 이상하다 싶음 이상하고
뭔가 안된다 싶음 안되더군요 ㅎㅎㅎ
이번껀은 뭔가 이상할수도 있겠다 싶었네요~~~~