Question

我是非常新的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)">

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

Answer 1

更改此代码

<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);

    }

Answer 2

您需要将字符串传递给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')">

Demo

Answer 3

您需要将onClick更改为：

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

因为当你在JS中使用保留字时，这并不好 - 至少可以说;）有关重复单词的完整列表：http://www.javascripter.net/faq/reserved.htm 您可以在那里看到＆＃39;选择＆＃39;。

顺便说一下，您可能希望将名称更改为更好的名称，并避免“点击”。和你的HTML里面的JS。祝你好运。

Answer 4

您的代码没有id为'txt2'的元素。另外，尝试使用更明确的ID，例如'myTextField'而不是'select'，这样可以更轻松地阅读和维护代码。

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

单击按钮后在警报中显示表单值

4 个答案: