javascript - HTML form with two input fields

Question

i need your help. I have a HTML form with 2 input fields which uses java script function from the variables var1 and var2 to make variable var3. This variable var3 is returned. In IE it works, but only in Compatibility View. Does anyone have an idea? Here is the code used:

<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" />