자동완성시 값선택시 다른 input 필드에 값넣기
본문
자동완성으로 값을 디비에서 2개를 불러와서 선택시에 현재 input 박스와 다른 input 박스에 디비에서 불러온값을 넣을려고 합니다. 도움 부탁드리겠습니다.
<!-- 검색 자동완성 // 게시판 목록중에서 -->
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="https://jqueryui.com/resources/demos/style.css">
<style>
.ui-autocomplete { height: 200px; overflow-y: scroll; overflow-x: hidden; }
.text-highlight{ color:#00c4ac; }
</style>
<script>
var availableTags = new Array;
function getWord(){
availableTags.length=0;
var url = "../skin/board/phone/data.php?p_model=p_model";
$.ajax({
type:"POST",
url:url,
dataType : "html",
success: function(html){
var word = html.split('|');
for(var i=0; i<word.length; i++){
availableTags[i] = word[i];
}
},
error: function(xhr, status, error) {
alert(error);
}
});
}
$(window).ready(function(){
getWord();
});
$( function() {
$.widget( "app.autocomplete", $.ui.autocomplete, {
options: {
highlightClass: "ui-state-highlight"
},
_renderItem: function( ul, item ) {
var re = new RegExp( "(" + this.term + ")", "gi" ),
cls = this.options.highlightClass,
template = "<span class='" + cls + "'>$1</span>",
label = item.label.replace( re, template ),
$li = $( "<li/>" ).appendTo( ul );
$( "<a/>" ).attr( "href", "#" )
.html( label )
.appendTo( $li );
return $li;
}
});
$( "#wr_6" ).autocomplete({
highlightClass:"text-highlight",
maxResults: 10,
source: availableTags
});
});
</script>
<!-- 검색 자동완성 // 게시판 목록중에서 -->
<?php
include_once('../../../common.php');
$sql = " SELECT p_model,p_modelp FROM {$p_model} WHERE 1 ORDER BY p_model DESC";
$result = sql_query($sql);
//echo $sql;
while ($row = sql_fetch_array($result))
{
echo $row['p_model'].','.$row['p_modelp'].'|';
}
?>
wr_6 input 에는 자동완성이 잘 됩니다. wr_8의 input 입력란에
자동완성중 하나를 선택하면 같이 불러온 값을 다른 input 창에 넣고 싶습니다.
2개의 input 장에 자동완성 된 것과 디비에서 불러온것을 각각 넣는거지요.(p_model,p_modelp)
도움 부탁드립니다.
답변 1
아래 자바스크립트로 임시방편 해결했습니다.
function transfer(){
document.fwrite.wr_8.value = 0;
var pix = document.getElementById('wr_6').value;
var pix2 = pix.split(',')
document.fwrite.wr_8.value = comma(pix2[1]);
console.log(pix[1]);
}
답변을 작성하시기 전에 로그인 해주세요.