从输入修改变量并根据输入变量放置在新div中

时间:2013-12-24 03:41:30

标签: javascript html

这与我的last questions有关,但已经有很多答案,所以我不想用更多东西修改它以避免混淆。

我可以输入带有'test'的输入文本的输入,我可以在标有'result'的div上显示它,但是我无法将输出修改为div

 function createLinks()
    {
      var input = document.getElementById('test')
          if(str.indexOf("VALUE")>=0){
               var lin = "something";
          }
          else {
                   var lin = "somethingelse";
          }
      var div = document.getElementById('result');
      div.innerHTML = lin.value;
    }

HTML目前的工作方式如下:

 <input type="text" id="test" size="16" title="Coming Soon" onkeypress="createLinks()"/>
 <input type="submit" style="margin-left: 10px;" value="Search" class="button1"/>
 <div id="result"></div>

我主要使用CGI并且对JS的知识非常有限,所以我可能遗漏了一些简单的东西,或者这种简单的工作方式。感谢您的帮助。

2 个答案:

答案 0 :(得分:1)

我将您的代码修改为我认为您想要的内容:

function createLinks()
{
    var lin;
  var input = document.getElementById('test');
      if(input.value.indexOf("VALUE")>=0){
           lin = "something";
      }
      else {
               lin = "somethingelse";
      }
  var div = document.getElementById('result');
  div.innerHTML = lin;
}

出了什么问题:

[1] str未定义

[2] lin未全局定义,因此您无法访问它。

我更新了代码,以便result说明something如果文本框中输入了VALUEsomethingelse如果没有,那么就是Search也可以按{{1}}按钮而不是按键。

答案 1 :(得分:0)

试一试:str未定义且lin为值。

function createLinks()
    {
      var input = document.getElementById('test')
          if(input.value.indexOf("VALUE")>=0){
               var lin = "something";
          }
          else {
                var lin = "somethingelse";
          }
      var div = document.getElementById('result');
      div.innerHTML = lin;
    }