javascript - 带有两个输入字段的 HTML 表单

Question

我需要你的帮助。我有一个HTML包含 2 个input字段的表单，它使用变量中的 java 脚本函数var1并var2生成变量var3。返回此变量var3。在 IE 中它可以工作，但仅在兼容性视图中。有人有想法吗？这是使用的代码：

<script type="text/javascript">
function sucheingabe() {    
var val1 = document.getElementById("searchword-1").value;
var val2 = document.getElementById("searchword-2").value;
var val3 = (val1) + ('+') + (val2)
// alert (val3);
document.getElementById('searchword').value = val3;
}
</script>

<form class="search" action="index.php" enctype="application/x-www-form-urlencoded"     method="post">
<table style="width: 80%;" border="0" cellspacing="0" cellpadding="0" bordercolor="#111111">
<tbody>
<tr>
<td width="5%"> </td>
<td width="15%">
<div id="searchWhat">
<p class="topHeaders"><strong>Was</strong> <span style="font-size: xx-small;">(Jobtitel oder Firmenname)</span></p>
<input id="searchword-1" class="inputbox" alt="&gt;" maxlength="45" name="searchword-1" size="40" type="text" /></div>
</td>
<td width="5%"> </td>
<td width="15%">
<div id="searchWhere">
<p class="topHeaders"><strong>Wo</strong> <span style="font-size: xx-small;">(Ort oder Postleitzahl)</span></p>
<input id="searchword-2" class="inputbox" alt="&gt;" maxlength="45" name="searchword-2" size="40" type="text" /></div>
</td>
<td width="4%"><input onclick="sucheingabe();" name="Search" src="images/suchbutton.png" type="image" /> <input name="searchword" type="hidden" /> <input name="searchphrase" type="hidden" value="any" /> <input name="option" type="hidden" value="com_search" /> <input name="areas[0]" type="hidden" value="seminar" /></td>
</tr>
</tbody>
</table>
</form>

Answer 1

试试你的javascript，如下所示，我希望这对你有用

<script type="text/javascript">
function sucheingabe() {    
var val1 = document.getElementById('<%= searchword-1.ClientID %>').value;
var val2 = document.getElementById('<%= searchword-2.ClientID %>').value;
var val3 = (val1) + ('+') + (val2)
// alert (val3);
document.getElementById('<%= searchword.ClientID %>').value = val3;
}
</script>

Answer 2

您没有 id 为 searchword 的元素。接下来你应该做：

<input name="searchword" id = "searchword" type="hidden" />