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

【问题标题】：Text box value instant show calling method文本框值即时显示调用方法
【发布时间】：2013-08-13 08:01:34
【问题描述】：

脚本

  <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

【问题讨论】：

标签： php javascript html sql ajax

【解决方案1】：

您可以在 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>

您能否调整此技术以满足您的需求？或者，您能否提供有关您的问题的更多详细信息？示例代码、动机、上下文等？

【讨论】：