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

【问题标题】：show form value in alert after click on button单击按钮后在警报中显示表单值
【发布时间】：2012-08-28 07:40:00
【问题描述】：

我对 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)">

请给我提示或指导我哪里错了...
提前致谢

【问题讨论】：

你应该这样调用你的函数：updateTxt("select", "textfield")，所以在你的onclick中：onclick='updateTxt("select", "textfield")'

标签： javascript html button alert

【解决方案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);

    }

【讨论】：

【解决方案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

【讨论】：

【解决方案3】：

您需要将 onClick 更改为：

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

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

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

【讨论】：

【解决方案4】：

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

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

【讨论】：