ÀÚ¹Ù½ºÅ©¸³Æ®autocomplete ±â´ÉÀ¸·Î ÀÌ·¸°Ôµµ ÀÀ¿ëÀÌ °¡´ÉÇÑ°¡¿ä?

   Á¶È¸ 3003   Ãßõ 0    

보통 autocomplete 1004;/196; Ȣ16;면 

해NJ17; input 필드에 select 값1012; 넣Ǻ12;1469;니다.


그런데

1077;/14116;면 0169;금 1077;/141;한 글1088;를 기1456;1004;/196; ajax를 통해서 가1256;와서 select 1004;/196; 보여1469;니다.

1060;1473;에서 한개를 선택Ȣ16;면

기본1201;1004;/196;lj16; input 창에 그 값1004;/196; 대체 .121;니다.


여기에서 

기1316;1032; ᓮ1;스트 값1060; 1080;lj16; 상태에서 Ǖ16;Ǻ12;Ǹ16;기 ᕬ1;1008; 콤마/196; 구ǥ16;해서 1077;/14116;면

그,163;1012; 대상1004;/196; 해서 ajax를 통해서 가1256;와서 select 1004;/196; 보여1469;니다.


1060;ǐ12; 

기1316;1032; ᓮ1;스트 값에 추가/196; 선택.108;  1077;/141;.104;도/197; 할 수 1080;lj16;가요?

1593; 스마트 폰에서 글1088; 1088;ᇼ1;1004;/196; 맞춤기능처/100; 

문1088;를 1077;/141;해1452;lj16; 기능1012; 만들Ǻ12; 보고 dz10;1008; ,163;1077;니다.


다시 말Ȣ16;면 

"감사" 라고 1077;/14116;면 

1088;0148;스크립트가  "감사합니다." 라lj16; 글1088;를 select/196; 보여1452;,172;Ȣ16;고

사용1088;lj16; 그,163;1012; 선택Ȣ16;면 

기1316; ᓮ1;스트  1473;에서  "감사"라lj16; 글1088;가 1088;ᇼ1;1004;/196; "감사합니다." 라고 

0148;뀌Ǻ12; 1648;도/197; Ȣ16;고 dz10;1008; ,163;1077;니다.


너무  Ǻ12;/157;나요? 

가능1008; Ȣ16;,192;1648;만 아1649;1008; 상상1004;/196;만 가능한 상태라

실1228;/196; 한번 만들Ǻ12;보고 dz10;습니다.

예전에 나를 도와준 마틴님이란 분이 있어 그분을 기억합니다.
2cpu의 도움주신 많은 분들께 늘 감사드립니다.
☎ HP 010-9678-7900
ªÀº±Û Àϼö·Ï ½ÅÁßÇÏ°Ô.
¸¶ÀÚµ¹ 2020-06
¸®½ºÆ®ÇüÅ´ filter·ÎÇÏ¸é µÉ°Í °°Àºµ¥, ¸ð¹ÙÀÏó·³ ±×°Íµµ ajax·Î ÇÏ·Á¸é Äݹé Áö¿ÁÀÏ°Í °°Àºµ¥¿ä.
angular°°Àº ÇÁ·¹ÀÓ¿öÅ© Áö¿øÀÌ ÇÊ¿äÇÏÁö ¾ÊÀ»±î ½Í³×¿ä.
°¡¸¸È÷ »ý°¢Çغ¸´Ï ¾Æ¸¶µµ °¡´ÉÇÒ °Í °°½À´Ï´Ù.
Á¤±Ô½ÄÀ¸·Î ó¸®ÇÏ°í, ´Ù½Ã ±×°ÍÀ» ¹Þ¾Æ¼­
ÀÌÀüÀÇ ±ÛÀÚ Áß¿¡¼­ ¼¿·ºÅÍ¿¡¼­ ¼±ÅÃÇÑ ±× ±ÛÀÚ¸¸ ¹Ù²Ù±â Çϵµ·Ï ó¸®Çϵµ·Ï Çϸé
°¡´ÉÇÒ °Í °°½À´Ï´Ù.

ÀÌ°Ô ÀßµÇ¸é ´ñ±ÛÀ» ¾²´Â ºÐµé¿¡°Ô ¾ÆÁÖ Æí¸®ÇÒ °Í °°½À´Ï´Ù.
°£´ÜÇÑ ´ñ±ÛÀº ÀԷ½à ÀÚµ¿ÀÔ·ÂÀ¸·Î ½±°Ô 󸮰¡ °¡´ÉÇÏ°Ô µÇ´Â °ÍÀÌÁö¿ä.

ÇÏÁö¸¸
ÇغÁ¾ß ¾ËÁö¿ä. ½ÇÆÐÇصµ ±¦ÂúÀ¸´Ï±î....¤¾
focus À̺¥Æ®°¡ ÀÖ±º¿ä.
°¡´É¼ºÀÌ ´õ ¸¹ÀÌ º¸ÀÔ´Ï´Ù.
ÀÌ°ÍÀ¸·Î ¾î´À Á¤µµ °¡´ÚÀ» Àâ¾Ò½À´Ï´Ù.
ÀÌ°ÍÀ¸·Î ó¸®ÇÏ¸é µÉµí Çѵ¥...
ÀÏ´Ü Á¶±Ý ´õ ¸¹ÀÌ ±ÙÁ¢Çϱâ´Â Çß½À´Ï´Ù¸¸ ¾ÆÁ÷Àº ¼º°øÀº Àå´ãÇϱ⠾î·Æ½À´Ï´Ù.
¸¶ÀÚµ¹ 2020-06
ÀÌ·± ¹æ½ÄÀÎÁö ¸ð¸£°Ú³×¿ä. ¹ä¸Ô°í Àá±ñÇغôµ¥...

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Test</title>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script>
$(function () {
var $testInpt = $('#test_inpt');

var keyuVal = "";
var hintVal = "";
var hintIdx = -1;
var hintArr = ['#####', '$$$$', '%%%%%', '******', '@@@@@'];

$testInpt.keyup(function( event ) {
keyuVal = $testInpt.val();
hintIdx = keyuVal.lastIndexOf(hintVal);

if (hintIdx > -1) {
keyuVal = keyuVal.substring(0, hintIdx);
}

ajaxTest().then(ajaxCallbackTest);
});

// ajax
var ajaxTest = function() {
var $deffered = $.Deferred();

try {
$deffered.resolve('success');
} catch(err) {
$deffered.reject('fail');
}

return $deffered.promise();
};

// ajax-callback
var ajaxCallbackTest = function(msg) {
if (keyuVal != "") {
hintVal = hintArr[Math.floor(Math.random() * hintArr.length)];
$testInpt.val(keyuVal +hintVal);
setCaretPosition('test_inpt', keyuVal.length);
}
};


var setCaretPosition = function(elemId, caretPos) {
var elem = document.getElementById(elemId);

if(elem != null) {
if (elem.createTextRange) {
var range = elem.createTextRange();
range.move('character', caretPos);
range.select();
} else {
if (elem.selectionStart) {
elem.focus();
elem.setSelectionRange(caretPos, caretPos);
} else {
elem.focus();
}
}
}
}
});
</script>
</head>
<body>
<input type="text" id="test_inpt" />
</body>
</html>
¸¶ÀÚµ¹ 2020-06
´Ü ajax¸¦ Å׿ì¸é Åë½Å ȯ°æÀ̳ª µ¥ÀÌÅÍ ¾ç¿¡ µû¶ó ŸÀÌÇÎ ¼Óµµ¸¦ ¸ø µû¶ó°¡¼­ ¿øÇÏ´Â µ¿ÀÛÀ» ¾ÈÇÒ ¼öµµ ÀÖ½À´Ï´Ù.
ŸÀÌÇÎ ¼Óµµ¸¦ üũÇؼ­, ÀÏÁ¤½Ã°£µ¿¾È ÀÔ·ÂÀÌ ¾øÀ¸¸é µ¿ÀÛÇÏ°Ô ÇÏ´Â °Íµµ ¹æ¹ýÀ̰ڳ׿ä.
µÉ°Í µÉ°Í °°Àºµ¥...
¾ÆÁ÷ ¸Ó¸®°¡ ¸ÛÇؼ­ ¾ÈµÇ°í ÀÖ½À´Ï´Ù.
»õº®¿¡ Äڵ带 ´Ù½Ãº¸¸é ºÐ¸íÈ÷ ´äÀÌ ÀÖÀ» °Í °°Àºµ¥...
½º¸¶Æ®Æùó·³ autocomplete ±â´É µÇµµ·Ïµåµð¾î ±¸ÇöÇß½À´Ï´Ù.


QnA
Á¦¸ñPage 348/420
2020-12   3429   ¾²·¹±â´ÜÀå
2021-12   1698   ³ªÀ̾¥guy
2021-12   1501   »ßµ¹À̽½ÇÄÀÌ
2021-11   1954   ¿ë»õ
2021-11   1141   ´ÃÆĶõ
2021-11   2416   ±¸±¸±î±î8
2020-12   3858   Çí»çÄÚ¾î
2020-12   4295   ¹Ý¼º¸¸
2020-12   2818   ±×¸ðµµ
2020-11   2738   Áý±¸¼®
2020-11   3157   ±×¸ðµµ
2020-11   2693   comduck
2021-11   2767   UDION52
2020-11   2569   È­Á¤Å¥»ï
2021-10   1500   °Ü¿ï³ª¹«
2021-10   1427   YunSeong
2021-10   2047   ´ëÀü±èÇü¿î
2020-11   3098   ´õÀÌ»ó¿ÀÁö¸¶
2021-10   1638   anti2cpu
2021-10   1623   Ȧ¸¯0o0