사이트 내 전체검색
jquery select option에 data 넣고 처리하기
하우코드
https://cmd.kr/javascript/873 URL이 복사되었습니다.

본문

select 에 데이터 넣고 빼기

tab 으로 데이터를 ajax로 받고 select option 을 비운뒤 select 에 value='', data='' 로 넣기

처리 결과 ---------------

<select name="sel_exam" id="sel_exam" onchange="set_sel_exam(this);">
<option>시험선택</option>
<option value="1" data="1 2022년 시험1 30 임시 0000-00-00 00:00">2022년 시험1 (내과)</option>
</select>
----------------------

function ar_get_exam3() {
$.ajax({
url: "<?php echo $board_skin_url?>/ajax.get_exam.php",
type: "GET",
data: {
},
cache: false,
success: function(data) {
var arr = data.split("\n");
$('#sel_exam').empty('');
$('#sel_exam').append("<option>시험선택</option>");
for (i=0;i<arr.length ;i++ ) {
arr2=arr[i].split("\t");
$('#sel_exam').append("<option value=\""+arr2[0]+"\" data=\""+arr[i]+"\">"+arr2[1]+"</option>");
}
}
});
}


ajax.get_exam.php 는

<?php
        if (is_file('../../../../../common.php'))
include_once ('../../../../../common.php');
        if (is_file('../../../../../../common.php'))
include_once ('../../../../../../common.php');

$bo_table='exam1';
$write_table=$g5['write_prefix'] . $bo_table; // 게시판 테이블 전체이름
$sql="select * from $write_table where wr_1 in('임시','생성','테스트') order by wr_datetime DESC";
$rst=sql_query($sql);
$cnt=0;
while($row=sql_fetch_array($rst)) {
if ($cnt++>0) echo "\n";
echo "{$row['wr_id']}\t{$row['wr_subject']}\t{$row['wr_2']}\t{$row['wr_1']}\t".substr($row['wr_datetime'],0,16);
}

------------------------------
onchange=set_sel_exam(this)  로 option 값의 data 를 읽어서 id 에 넣기 처리

문제 :
<span id='fex2'></span>문항
<span id='fex3'></span>

그냥 값만 받으려면
sel.value; 만 사용하면 되지만 value 와 data 로 분리해서 넣고 싶어서 따로 처리함

<script>
function set_sel_exam(sel) {
var sel2 = $('#sel_exam').children("option:selected");
arr2=sel2.attr('data').value.split("\t");
$("#fex2").html(arr2[2]);
$("#fex3").html(arr2[3]);
$("#fex4").html(arr2[4]);
}
</script>

댓글목록

등록된 댓글이 없습니다.

831 (1/17P)

Search

Copyright © Cmd 명령어 3.14.251.103