select box를 radio버튼으로 바꾸고 싶어요 > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

select box를 radio버튼으로 바꾸고 싶어요 정보

select box를 radio버튼으로 바꾸고 싶어요

본문

성헌님(원본은 한스닷님)의 스킨을 사용하려고 합니다.
문제는 다중분류검색창을 수정해서 쓰려고 소스를 수정했는데.. 잘 안됩니다.

원래는(윗 그림) 검색창부분이 셀렉트박스로 되어있는데, 라디오버튼으로(아랫 그림) 바꿔서 해볼려구요..

소스는 config.list_select.php화일인데요.. 하단부로 쭉 내려가시면 거래형태(임대,전세,매매)로 되어있는 부분입니다. 라디오버튼으로 바꾸려면 뭔가 더 있어야 되나요?



-----------------------------------------------------------------------------------

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="<?=$board_skin_path?>/img/box2_tl.gif" border="0" /></td>
    <td width="100%" background="<?=$board_skin_path?>/img/box2_tc.gif"></td>
    <td><img src="<?=$board_skin_path?>/img/box2_tr.gif" border="0" /></td>
  </tr>
  <tr>
    <td background="<?=$board_skin_path?>/img/box2_ml.gif"></td>
    <td style="PADDING:4 4 4 4" valign="top">

<!--/여기부터/-->

<SCRIPT language=JavaScript src="<?=$board_skin_path?>/common.js"></SCRIPT>

<script language="javascript">
<!--//-- 스킨용 : 여유필드 다중셀렉트창

//-- 여유필드 중복셀렉트가 가능하게 해주는 함수
//-- 수정작업시, 아래 함수와 함께 write.skin.php에 사용된 '여유필드(wr_?)이름과 셀렉트문'을 가져와 붙이면 바로적용가능
//-- 단, 반드시 게시물리스트(list.skin.php)에 여유필드값이 게시물에 주어져야함.
//-- 중복필드가 필요없는 경우 'document.fwrite.srch_type.value'삭제, 셀렉트문삭제, value값에서 필드명삭제
function onChangeKey2() {

var pattern = new RegExp('[^가-힣a-zA-Z0-9]', 'i');
if (fwrite.stx.value) {
if (pattern.exec(fwrite.stx.value) != null) {
alert("'"+fwrite.stx.value + "'는 사용할수 없습니다. \n\n 올바르게 입력하세요 \n\n 특수문자,공백,한문,불가.");
return;
}
 else {
fwrite.stx.focus();
}
}

var wr_1 = document.fwrite.wr_1.value;
var wr_2 = document.fwrite.wr_2.value;
//var ca_name = document.fwrite.ca_name.value;
var wr_3 = document.fwrite.wr_3.value;
var wr_4 = document.fwrite.wr_4.value;
var wr_16 = document.fwrite.wr_16.value;
var stx2 = document.fwrite.stx.value;





if (wr_1 == "" && wr_2 == "" && wr_3 == "" && wr_4 == "" && wr_16 == "" && stx2 == "") {
alert("검색조건을 선택하세요!!");
return false;
}





else {
if (wr_1 == "" && wr_2 == "" && wr_3 == "" && wr_4 == "" && wr_16 == "" && stx2 != "")  {
document.fwrite.stx.value = stx2;
}
else if ((wr_1 != "" )&& (wr_2 == "" || wr_3 == "" || wr_4 == "" || wr_16 == "" || stx2 == ""))  {
document.fwrite.stx.value = wr_1 + " " + wr_2 + " " + wr_3 + " " + wr_4 + " " + wr_16 + " " + stx2;
}
else {
document.fwrite.stx.value = wr_1 + "" + wr_2 + "" + wr_3 + "" + wr_4 + "" + wr_16 + "" + stx2;
}
document.fwrite.submit();
}
}


//--> 
</script>
<form name=fwrite method=get style="margin:0px;">
<input type=hidden name=bo_table value="<?=$bo_table?>">
<input type=hidden name=sca value="<?=$sca?>">
<input type=hidden name=sfl value="wr_1||wr_2||wr_3||wr_4||wr_16||wr_subject">


<SELECT class=box2  onchange=setSubSelect() name=wr_1 itemname='대분류' style="font-family:굴림; font-size:11; color:#81007f; background-color:#eed8ef;">
<OPTION value="">지역선택</OPTION>
<OPTION value="경상북도">경상북도</OPTION>
<OPTION value="경상남도">경상남도</OPTION>
<OPTION value="강원도">강원도</OPTION>
<OPTION value="경기도">경기도</OPTION>
<OPTION value="광주광역시">광주광역시</OPTION>
<OPTION value="대구광역시">대구광역시</OPTION>
<OPTION value="대전광역시">대전광역시</OPTION>
<OPTION value="부산광역시">부산광역시</OPTION>
<OPTION value="서울특별시">서울특별시</OPTION>
<OPTION value="울산광역시">울산광역시</OPTION>
<OPTION value="인천광역시">인천광역시</OPTION>
<OPTION value="전라남도">전라남도</OPTION>
<OPTION value="전라북도">전라북도</OPTION>
<OPTION value="제주도">제주도</OPTION>
<OPTION value="충청남도">충청남도</OPTION>
<OPTION value="충청북도">충청북도</OPTION>
</SELECT>

<SELECT class=box2  name=wr_2 itemname='소분류' style="font-family:굴림; font-size:11; color:#81007f; background-color:#eed8ef;">
<OPTION value="" >지역선택</OPTION>
</SELECT>

<!--<SELECT class=box2  name=ca_name itemname='동선택' style="font-family:굴림; font-size:11; color:#81007f; background-color:#eed8ef;">
<OPTION value="" >동선택</OPTION>
<OPTION value="중앙동">중앙동 </OPTION>
<OPTION value="양학동" >양학동</OPTION>
<OPTION value="죽도동" >죽도동</OPTION>
<OPTION value="용흥동" >용흥동</OPTION>
<OPTION value="우창동" >우창동</OPTION>
<OPTION value="두호동" >두호동</OPTION>
<OPTION value="장량동">장량동</OPTION>
<OPTION value="환여동" >환여동</OPTION>
<OPTION value="장성동" >장성동</OPTION>
<OPTION value="양덕동" >양덕동</OPTION>
<OPTION value="상대동">상대동</OPTION>
<OPTION value="해도동" >해도동</OPTION>
<OPTION value="송도동" >송도동</OPTION>
<OPTION value="청림동" >청림동</OPTION>
<OPTION value="제철동">제철동</OPTION>
<OPTION value="효곡동" >효곡동</OPTION>
<OPTION value="대이동" >이동</OPTION>
<OPTION value="제철동">덕수동</OPTION>
<OPTION value="효곡동" >대도동</OPTION>
<OPTION value="대이동" >대신동</OPTION>
</SELECT> -->

<SELECT class=box2  name=wr_3 itemname='구분' style="font-family:굴림; font-size:11; color:#81007f; background-color:#eed8ef;">
<OPTION value="" >구분</OPTION>
<OPTION value="원룸">원룸</OPTION>
<OPTION value="미니투룸" >미니투룸</OPTION>
<OPTION value="정투룸" >정투룸</OPTION>
<OPTION value="주인세대" >주인세대</OPTION>
<OPTION value="매매" >매매</OPTION>
<OPTION value="기타">기타</OPTION>
</SELECT>


<SELECT class=box2  name=wr_4 itemname='평수' style="font-family:굴림; font-size:11; color:#81007f; background-color:#eed8ef;">
<OPTION value="" >평수선택</OPTION>  
<option value='1'>10평</option>
<option value='2'>11평</option>
    <option value='3'>12평</option>
<option value='4'>13평</option>
<option value='5'>14평</option>
<option value='6'>15평</option>
<option value='7'>16평</option>
<option value='8'>17평</option>
<option value='9'>18평</option>
<option value='10'>19평</option>
<option value='11'>20평</option>
<option value='12'>21평</option>
<option value='13'>22평</option>
<option value='14'>23평</option>
<option value='15'>24평</option>
<option value='16'>25평</option>
<option value='17'>26평</option>
<option value='18'>27평</option>
<option value='19'>28평</option>
<option value='20'>29평</option>
<option value='21'>30평</option>
<option value='22'>31평</option>
<option value='23'>32평</option>
<option value='24'>33평</option>
<option value='25'>34평</option>
<option value='26'>35평</option>
<option value='27'>36평</option>
<option value='28'>37평</option>
<option value='29'>38평</option>
<option value='30'>39평</option>
<option value='31'>40평</option>
</SELECT>
 
여기는 원래 셀렉트박스로 된 부분이구요..
아래에 라디오버튼으로 바꾼 주석부분있어요..
 
    <SELECT class=box2  name=wr_16 itemname='거래형태' style="font-family:굴림; font-size:11; color:#81007f; background-color:#eed8ef;">
<OPTION value="" >거래형태</OPTION>
<OPTION value="임대">임대</OPTION>
<OPTION value="전세" >전세</OPTION>
<OPTION value="매매" >매매</OPTION>
</SELECT>

아래 부분인데요.. 뭘 더 해줘야 할까요? ㅠㅠ.. 

    <!-- <input type="radio" name=wr_16 value="임대" >임대 &nbsp;
        <input type="radio" name=wr_16 value="전세" >전세&nbsp;
        <input type="radio" name=wr_16 value="매매" >매매&nbsp; -->



<input type=text name=stx maxlength=15 size=10 class=input itemname="검색어"  value="">
<input type=image onClick="onChangeKey2();return false;" src="<?=$board_skin_path?>/img/search.gif" align=absmiddle border=0><input type=hidden name=sop value='and'><!--input type=hidden name=stx value=''-->
 
</form>
<?
// if ($wr_1 != "") { $stx = ""; }
?>


<!--/여기까지/-->

</td>
    <td background="<?=$board_skin_path?>/img/box2_mr.gif"></td>
  </tr>
  <tr>
    <td><img src="<?=$board_skin_path?>/img/box2_bl.gif" border="0" /></td>
    <td width="100%" background="<?=$board_skin_path?>/img/box2_bc.gif"></td>
    <td><img src="<?=$board_skin_path?>/img/box2_br.gif" border="0" /></td>
  </tr>
</table>
  • 복사

댓글 전체

아.. 행님님.. 제가 글올리고 막 수정한 사이에 답변을 올리셨네요.. 감사합니다.
input type을 input box로 바꾸라는 말씀인가요?
죄송한데 좀 더 자세히 알려주시면 고맙겠습니다.
일단 작살님이 말씀하신 것 처럼 해봤는데요.. 안돼서 질문을 드린거였거든요..
위 소스(config.list_select.php)를 list.skin.php에 인클루드 시켜서 불러오는 구존데, 셀렉트박스로 하면 잘 되고, 라디오버튼으로 하면 안돼네요..

답변주셔서 감사합니다.
© SIRSOFT
현재 페이지 제일 처음으로