4

我对 HTML 很陌生。我只是试图接受表单值并希望
在警报中显示此值。我尝试以下代码，但它对我没有帮助......
我知道这是一个非常简单的问题，但我是 HTML、JavaScript 的新手。我搜索但没有找到与我的要求相关的...... Javascript函数...... 

  function updateTxt(field1,field2)
  {  
    var field1 = document.getElementById(field1);  
    var field2 = document.getElementById(field2);  
    alert(field1,field2);

    }

HTML 表单 

<input name="textfield" type="text" id="textfield" value="Search by keyword" class="search_input" >
<select name="select" id="select" class="input_list" >
          <option>Search jobs by category</option>
          <option>Business Sales Leadership Development Program</option>
          <option>Business Sales Solutions</option>
          <option>CTO</option>
          <option>Call Center</option></select>
 <input name="button" type="button" class="btn" value="Go" onClick="updateTxt(select,textfield)">

请给我提示或指导我哪里错了...
在此先感谢

4

4 回答 4

5

更改此代码

<input name="button" type="button" class="btn" value="Go" onclick="updateTxt()">

还有这个

     function updateTxt()
  {  
    var field1 = document.getElementById('textfield').value;  
    var field2 = document.getElementById('select').options[document.getElementById('select').selectedIndex].value;  
    alert(field1+'&'+field2);

    }
于 2012-08-28T07:45:24.710 回答
3

您需要将字符串传递给updateTxt函数。并且alert只能采用一个参数，因此您必须连接字段的值，而不是字段本身。您的代码如下所示：

JS：

function updateTxt(field1,field2)
  {  
    var field1 = document.getElementById(field1).value;  
    var field2 = document.getElementById(field2).value;  
    alert(field1 + '\n' + field2);

    }  ​

HTML：

<input name="textfield" type="text" id="textfield" value="Search by keyword" class="search_input" >
<select name="select" id="select" class="input_list" onkeyup="updateTxt('select','txt2');">
          <option>Search jobs by category</option>
          <option>Business Sales Leadership Development Program</option>
          <option>Business Sales Solutions</option>
          <option>CTO</option>
          <option>Call Center</option></select>
 <input name="button" type="button" class="btn" value="Go" onClick="updateTxt('select', 'textfield')">​

演示

于 2012-08-28T07:44:07.833 回答
2

您需要将 onClick 更改为：

onclick="updateTxt('select','textfield');

因为当您在 JS 中使用保留字时，这并不好 - 至少可以说 ;) 对于保留字的完整列表：http ://www.javascripter.net/faq/reserved.htm 您可以看到“选择”。

顺便说一句，您可能希望将名称更改为更好的名称，并避免在您的 html 中使用“onClick”和 JS。祝你好运。

于 2012-08-28T07:58:16.417 回答
0

您的代码没有 ID 为“txt2”的元素。还可以尝试使用更明确的 ID，例如“myTextField”而不是“select”，这将使您的代码更容易阅读和维护。

除此之外，Amaan 的回答应该有效。

于 2012-08-28T07:47:19.240 回答