묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[질문] select 태그 사용시에 자동완성 같은 기능 사용할 수 있는지
2003.06.09 16:51
안녕하세요.. 하도 답답하여 여기에 글을 올리게 되었습니다.
db 를 꾸미기 위한 화면을 구성하려고 하는데요.. 문제점이 있어서.
part 라는 목록(대략 100개 라고 생각됨)이 db에 저장되어 있구요...
이걸 php 구문을 사용해서 select 문에 넣었습니다..
아래는 해당 소스
Part <select name=partnum style=width:180px>
<?
$query = 'select * from tblpart order by part';
$result = mysql_query($query, $connect);
while ($partlist = mysql_fetch_array($result)){
echo "<option value=".$partlist[0].">".$partlist[1]."</option>";
}
?>
위와같이 메뉴를 구성하였고요. size를 지정하지 않아서 단지 한줄로 되어있다가 클릭하면
목록이 주루룩 보이도록 했습니다...
여기서 문제가 되는게, 사용자가 입력값을 입력할때 대략 100개 이상이면 찾는게 불편할 듯 싶어서
글자를 쳐서 찾을 수 있도록 하고 싶거든요... 마치 익스플로러의 자동완성 기능처럼요
love
omega
good
위처럼 목록이 있을경우 현재에는 l을 누르면 l로 가지만 lo 까지 입력하면 omega로 가버리는
앞에 한글자만 적용이 되어버리는데
이걸 lo까지 쳐도 love이 선택되어질 수 있도록.. 익스플로러 자동완성같은 그런 기능을
만들어 줄 수 없을까요?(SELECT 태그에서는 지원될 수 없는건지...)
이런 방법이 아니면 다른 방법으로 가능할 수 있는지 알려주셨으면 합니다.
현재 다른방법으로 생각중인것이...
for 문으로 mysql의 데이터를 배열값으로 저장시키고..
이걸 javascript 에 각각 배열값으로 저장시켜서...
키보드로 입력할경우에, 입력한것과 매치되는 데이터를 화면에 보여지도록(가능하면 select문처럼)
그렇게 구성하고 싶거든요..
아직 javascript 는 초보라서 위의 과정이 되는건지도 잘 모르겠지만, 제 생각으론 될 것으로 생각되거든요..
고수님들의 조언을 부탁드립니다..
그럼 좋은 소식을 기다리면서.~~
db 를 꾸미기 위한 화면을 구성하려고 하는데요.. 문제점이 있어서.
part 라는 목록(대략 100개 라고 생각됨)이 db에 저장되어 있구요...
이걸 php 구문을 사용해서 select 문에 넣었습니다..
아래는 해당 소스
Part <select name=partnum style=width:180px>
<?
$query = 'select * from tblpart order by part';
$result = mysql_query($query, $connect);
while ($partlist = mysql_fetch_array($result)){
echo "<option value=".$partlist[0].">".$partlist[1]."</option>";
}
?>
위와같이 메뉴를 구성하였고요. size를 지정하지 않아서 단지 한줄로 되어있다가 클릭하면
목록이 주루룩 보이도록 했습니다...
여기서 문제가 되는게, 사용자가 입력값을 입력할때 대략 100개 이상이면 찾는게 불편할 듯 싶어서
글자를 쳐서 찾을 수 있도록 하고 싶거든요... 마치 익스플로러의 자동완성 기능처럼요
love
omega
good
위처럼 목록이 있을경우 현재에는 l을 누르면 l로 가지만 lo 까지 입력하면 omega로 가버리는
앞에 한글자만 적용이 되어버리는데
이걸 lo까지 쳐도 love이 선택되어질 수 있도록.. 익스플로러 자동완성같은 그런 기능을
만들어 줄 수 없을까요?(SELECT 태그에서는 지원될 수 없는건지...)
이런 방법이 아니면 다른 방법으로 가능할 수 있는지 알려주셨으면 합니다.
현재 다른방법으로 생각중인것이...
for 문으로 mysql의 데이터를 배열값으로 저장시키고..
이걸 javascript 에 각각 배열값으로 저장시켜서...
키보드로 입력할경우에, 입력한것과 매치되는 데이터를 화면에 보여지도록(가능하면 select문처럼)
그렇게 구성하고 싶거든요..
아직 javascript 는 초보라서 위의 과정이 되는건지도 잘 모르겠지만, 제 생각으론 될 것으로 생각되거든요..
고수님들의 조언을 부탁드립니다..
그럼 좋은 소식을 기다리면서.~~