文本框值即时显示调用方法

时间:2013-08-13 08:01:35

标签: php javascript html sql ajax

脚本

  <script type="text/javascript">
      function KeyHandler() {
          var result = document.getElementById('result');
        result.innerHTML=document.getElementById('txtInput').value;

    }
 </script>

HTML

       <input type="text" id="inputField" />
       <div id="screen"></div>

此代码在html中运行良好,但我想要

<a href="#?call=limit.lim&amp;height=400&amp;width=400&amp;id={$ID}&amp;team=

{$Name}&amp;val={'**********'}&amp;name={$Name2}&amp;catname={$Cat}" 

class="inlinePopup" title="{'Namer'}">{$Single}</a>

val = {' * *** '}我在文本框中输入的是我想要的星级位置

 val={'<div id="screen"></div>'} this not work

示例:在文本框中键入值123表示即时

val = 123

1 个答案:

答案 0 :(得分:0)

您可以更改KeyHandler函数中链接的href属性。

例如:

function keyHandler(){
    var inputText = document.getElementById('inputField').value;
    document.getElementById('myLink').href = '#?yourParam=something&amp;val='+encodeURIComponent(inputText);
}

可以使用HTML:

<input type="text" id="inputField" onkeydown="keyHandler()" />
<a href="#" id="myLink">Link Text</a>

您能否根据自己的需求调整此技术?或者,您能否提供有关您问题的更多详细信息?代码,动机,背景等示例?