테스트 사이트 - 개발 중인 베타 버전입니다

해당 select 값 선택 후 ajax로 보내는 과정에서 질문 있습니다. 채택완료

</p><p><span style="line-height: normal; font-size: 11pt;"><controllers></span></p><pre style="line-height: normal;">function admBannerbbsDataLoad() {
  $data_result = $this->mCommon->list_result(생략...); //해당 게시판 데이터 가져오기
  $data_list = array();
   $x = 0;

   foreach ($data_result["qry"] as $i => $row) {
     $data_list[$i]                  = new stdClass(); 
      $data_list[$i]->IDX  = $row["IDX"];       //해당 게시판 no값
           $data_list[$i]->TITLE  = $row["TITLE"];  // 해당 게시판 제목값
    $x++;
    }
    $data = array(
 "data_list"  => $data_list,
    );
    $this->load->view("/bbs/admBannerbbsDataLoad", $data); // view 페이지 이동

}

<View>

<td class="title" height="30">해당 게시판 제목</td>
<td class="list_con"><p style="margin:0 0 0 10;">
  <select id="dataload" name="dataload">
   <option value="">선택</option>
   <?php foreach($data_list as $rows) { ?>
   <option value="<?=$rows->IDX?>"><?=$rows->TITLE?></option>
    <? } ?>
    </select>
     <button type="button" onclick="javascript:act_mainform( 여기에다가 . 선택된 게시글 해당 no값과 title값 가져오게 하고싶네요 ㅠ,ㅠ);" class="button black"><span class="icon-plus"></span>  저 장</button> 
</td>



<script language="JavaScript">
function ajaxdataload(여기에다가 . 선택된 게시글 해당 no값과 title값 가져오게 하고싶네요 ㅠ,ㅠ)
{</pre><p>

 

 



우선 해당 게시글 제목과 no값은  select박스로 잘 가져오는데 선택하고 버튼이 있습니다.

글그러나 이 버튼은 꼭 한개만 있었으면 좋겠네요. 안에 foreach문 돌리면 해결 되겠지만 .. 그렇게는 안됩니다 ㅠ,ㅠ

그래서 버튼 한개로 할려고 하는데 이게 문제가 생기네요.. 각각 select에서 선택된 게시글을 ajax함수로 해당 게시

글 정보가 가져가야 하는데 ㅠ,ㅠ  좋은 방법이 없을까요??? 버튼 하나로도 select선택후 안전하게 ajax 갈수 있는 방법이...  

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트

 

</p><p><select id="dataload" name="dataload"></p><p>    <option value="">선택</option>
    <option value="aa">basdad</option>
</select>
<button type="button" id="btn" data-t="" data-v="" class="button black"><span class="icon-plus"></span>  저 장</button> 
<script type="text/javascript" src="<a href='<a href="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" target="_blank" rel="noopener noreferrer">http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js</a>"></script'><a href="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" target="_blank" rel="noopener noreferrer">http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js</a>"></script</a>>
<script type="text/javascript">
$(function() {</p><p>    $("select#dataload").on("change", function() {</p><p>        var t = $("option:selected", this).text();</p><p>        var v = $("option:selected", this).val();
        $("#btn").data("t", t);
        $("#btn").data("v", v);
    });</p><p> </p><p>    $("#btn").on("click", function() {
        var s_text = $(this).data("t");
        var s_value = $(this).data("v");</p><p>        // 여기서부터 ajax 코드 실행하시면 될 것 같네요.</p><p>    });
});
</script>​</p><p>

 

버튼을 하나만 사용하여야 한다고 하시니까 select에서 onchange가 일어날 때마다 value랑 text를 버튼에 data 속성으로 해서 t랑 v에다가 값을 넣어 주면 될 것 같네요.

jquery 사용하시면 코드도 짧아지고 훨씬 편해집니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

전체 질문 목록

🐛 버그신고