Javascript 未捕获的TypeError：无法读取未定义的属性“value”-第一次工作，但在后续调用中会出现此错误

我有一个PHP系统，它生成一个带有包含下拉列表的DIV的表单。同样以这种形式出现的还有一个图像，它具有一个onclick属性，该属性调用一个JavaScript，从下拉列表中传入一个值字符串

第一次单击按钮时，它工作正常，但此后什么也没有发生

经过一些调查，我发现onclick启动时出现JavaScript错误：

未捕获的TypeError:无法读取未定义的属性“值”

代码片段如下所示：

<a href="javascript:;" onclick="show_hide('advsearch');">Show / Hide Advanced Search Options</a>
<div id="advsearch">
<form name="sortjobs">
<br>
<table><tbody><tr>
    <td><label>Distributors: </label></td>
    <td><select class="sortjobs" name="disties">
        <option value="All">Show All</option>
        <option value="103">Test Dist One</option></select></td>
    <td><label>Resellers: </label></td>
    <td>    <select class="sortjobs" name="resellers">
            <option value="All">Show All</option>
            <option value="2609">  Test REseller </option></select></td>
</tr>
<tr>
<td>

<label style="width:400px;"></label>
<a href="javascript:showUser(document.sortjobs.disties.value+'_'+document.sortjobs.resellers.value);">
<img src="search2.png" onclick="showUser(document.sortjobs.disties.value+'_'+document.sortjobs.resellers.value);"></a>
</form></div>

正如我所说，当主页首次加载或刷新时，选择一个下拉值并单击搜索图像就可以了。随后的单击没有任何效果，会产生错误，这是一行：

   <img src="search2.png" onclick="showUser(document.sortjobs.disties.value+'_'+document.sortjobs.resellers.value);"></a>

错误发生在被引用的元素上。 据我所知，未捕获的TypeError错误发生在引用字段不存在时，通常是由于键入错误，但页面第一次工作

这真的让我卡住了。我在某处看到一些注释，他可能是因为声明和引用之间的相对位置。但是，在第一次成功单击之前/之后检查“之前”和“之后”页面之间的差异，我看不到明显的差异

---

同样令人费解的是，在本地XAMPP时，这似乎起作用，但在live 1和1服务器上，我们得到了错误。

我认为问题在于，您第二次单击按钮时，经销商或经销商未定义。确认分销商或disties是否有值。@Almis-这些值也是第二次设置的。假设我们有x.value，上面的错误表明x未定义，因此它无法读取未定义的属性值。这意味着你需要调试所有有价值的东西。你的问题就在那里。你能给我一个真实的例子吗？@Almis，很遗憾，我不能提供真实的站点详细信息，因为这个页面需要登录信息。stateChanged函数做什么？另外，在img和a中调用showUser似乎没有意义，我认为可以删除img元素的onclick属性。

   <img src="search2.png" onclick="showUser(document.sortjobs.disties.value+'_'+document.sortjobs.resellers.value);"></a>