해당 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 포인트
10년 전
</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 사용하시면 코드도 짧아지고 훨씬 편해집니다.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인전체 질문 목록
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
채택
답변대기
답변대기
답변대기
답변대기
채택
채택
답변대기
답변대기
답변대기
채택