db 연동 select box - 너무 어렵네요. 아이디어 좀 주세요 -..-a 정보
db 연동 select box - 너무 어렵네요. 아이디어 좀 주세요 -..-a본문
검색버튼 앞에 있는 text 박스에 값을 입력하고 검색 버튼을 누르면 DB에서 값을 가져와서
select box에 넣는 기능을 만들고 싶습니다... 그런데 쉽지가 않네요. 한나절 동안 삐질삐질...
<input name=it_id type=text class=ed readonly> // 이거는 전달용이라 hidden 될 예정임
<select id=it_select name=it_select>
</select>
<input name=it_search type=text class=ed>
<a href='javascript:item_list()'><img src='<?=$g4[admin_path]?>/img/btn_search.gif' align=absmiddle border=0></a>
<select id=it_select name=it_select>
</select>
<input name=it_search type=text class=ed>
<a href='javascript:item_list()'><img src='<?=$g4[admin_path]?>/img/btn_search.gif' align=absmiddle border=0></a>
select를 it_select라고 정의를 하고 검색 버튼을 누르면 java script item_list()를 실행하게 했어요.
문제는 java script에서 ... text box it_search의 값을 가지고 db 검색을 해서 결과를 select box에 넣어야 하는데
인자/변수들이 어떻게 연결되는지 잘 모르겠어요.
코드는 샘플이라... 대충 입니다. 이런경우 어떻게해야 하는지 힌트 부탁드립니다.
<script>
<!--
var objSelect = document.fgong9form.it_select; // 이곳에서 select 박스 object를 정의하구요
<!--
var objSelect = document.fgong9form.it_select; // 이곳에서 select 박스 object를 정의하구요
function item_list() {
i=0;
<?
$qqq = fgong9form.it_search.value; //$qqq에 it_search의 값이 잘 전달되어야 하는데... 안되네요. -..-
?>
objSelect.options[0] = new Option('11','1111'); // db 검색된 결과는 이런식으로 넣으려구요. 동작은 해요.
alert("<?=$qqq?>");
return;
}
이방법에 문제가 있다면 어떤 식으로 바꿔서 해결해야 할까요???
영카트 4의 물품목록을 이런식으로 바꿔보려는데 처음 부터 걸리네요. -..-0
댓글 전체
$qqq = fgong9form.it_search.value; 이거는 당연히 안되는거네요.
알고 있습니다 -..-a 하지만 어떻게 해야 할지 몰라서... 일단 써둔거에요.
ajax 활용하시면 쉽게 구현 되겠네요.
짜집기 하는 사람에게 ... ajax는 넘 힘드러여. -..- 그냥 php와 java script 만으로 해결이 안될까요???
그러실려면 폼 전송 하셔서 페이지를 다시 불러들여야 할겁니다..--;
-..-a 그러면 form 안에 또 form이 들어가는거 가능한가요?
<form name=out ...> <form name=in> </form> </form> ... 이런식으로요.
눈치로 짜집기 하다가 이번에는 고생하네요. -..-
<form name=out ...> <form name=in> </form> </form> ... 이런식으로요.
눈치로 짜집기 하다가 이번에는 고생하네요. -..-
불당님께 도움이 될까 해서 자료를 찾아보았는데 다음과 같은 문서를 찾았어요
http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=qna_function&wr_id=148225&sca=&sfl=wr_subject&stx=select+db&sop=and
http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=qna_function&wr_id=148225&sca=&sfl=wr_subject&stx=select+db&sop=and
공대여자님께서...
iframe이나 AJAX 로 해야합니다.
즉, 일반적인 페이지 동작으로 안됩니다.
iframe이나 AJAX 로 해야합니다.
즉, 일반적인 페이지 동작으로 안됩니다.
^^a 결론은 웹마짱구님께서 알려주신대로 ajax를 쓰거나 (코드를 봤는데 좀 이해는 어렵지만 가능할 듯)
php를 별도로 만들어서 그곳으로 인자를 넘겨주고 다시 받아오는거 ... 둘중의 하나인거 같아요.
예제와 달리...이 경우는 검색결과를 select box로 만드는 것이거든요. -.-
php를 별도로 만들어서 그곳으로 인자를 넘겨주고 다시 받아오는거 ... 둘중의 하나인거 같아요.
예제와 달리...이 경우는 검색결과를 select box로 만드는 것이거든요. -.-
마침 들여다 보고있던 부분인데 응용하면 혹시 도움이 되실지 모르겠네요.
특정 필드값을 비교해서 맞다면 관련된 나머지 자료를 디비에서 바로 추출해서 뿌려주네요.
http://www.dhtmlgoodies.com/index.html?whichScript=ajax_client_lookup
특정 필드값을 비교해서 맞다면 관련된 나머지 자료를 디비에서 바로 추출해서 뿌려주네요.
http://www.dhtmlgoodies.com/index.html?whichScript=ajax_client_lookup
감사합니다. 이것도 ajax네요^^
예전에 자바스크립트로 db에서 불러오는거 구현했었는데... 어데있는지 찾지를 못하겠네요.... 쿨럭!
찾으면 글 올릴께요~ -_-!
찾으면 글 올릴께요~ -_-!
감사합니다. java script에서 db 불러오면 쉽게 해결되는데 아무리 찾아도 안보이네요.
불당님 제 소스는 못찾았구요. 바쁜 관계로 열심히 못찾은 것두 있음 -_-!
하지만, 파란닷컴의 전화번호 검색 소스가 찾으시는 내용입니다.
http://local.paran.com/tel/
소스 보시고 참고 하시구요. 친절하게 설명 드리고 싶지만, 제 코가 석자라... ㅠ.ㅠ
-------------------------------------------------------------------------
자꾸 맘에 걸려서 다시 답변 수정 합니다.
예제 소스 입니다.
<script id="dynamic"></script>
<script>
function loadData(sel) {
var trigger = sel.options[sel.selectedIndex].value;
dynamic.src = "loadData.php?trigger="+trigger;
}
</script>
<select name="test1" OnChange="loadData(this);" >
<option value=100>aaa</option>
<option value=200>bbb</option>
</select>
<select name="test2" >
</select>
하지만, 불여우에서는 제대로 작동 한다는 보장 없습니다. -_-!
하지만, 파란닷컴의 전화번호 검색 소스가 찾으시는 내용입니다.
http://local.paran.com/tel/
소스 보시고 참고 하시구요. 친절하게 설명 드리고 싶지만, 제 코가 석자라... ㅠ.ㅠ
-------------------------------------------------------------------------
자꾸 맘에 걸려서 다시 답변 수정 합니다.
예제 소스 입니다.
<script id="dynamic"></script>
<script>
function loadData(sel) {
var trigger = sel.options[sel.selectedIndex].value;
dynamic.src = "loadData.php?trigger="+trigger;
}
</script>
<select name="test1" OnChange="loadData(this);" >
<option value=100>aaa</option>
<option value=200>bbb</option>
</select>
<select name="test2" >
</select>
하지만, 불여우에서는 제대로 작동 한다는 보장 없습니다. -_-!
