我一生都无法弄清楚我错过了什么。
在这个 jsFiddle中，我在 dom 上隐藏了一个带有两个文本框的 div。我想在下拉列表中选择特定选项时显示 div。
这是被隐藏/显示的 div：
<div id="movieAddNewDirector">
<label id="lblMovieAddDirector">Add a New Director:</label>
<br />
<label for="txtMovieAddNewDirectorFirstName">First Name:</label>
<input type="text" name="txtMovieAddNewDirectorFirstName" id="txtMovieAddNewDirectorFirstName" size="20" />
<br />
<label for="txtMovieAddNewDirectorLastName">Last Name:</label>
<input type="text" name="txtMovieAddNewDirectorLastName" id="txtMovieAddNewDirectorLastName" size="20" />
</div>
这是相关的jQuery代码
$('#ddlMovieAddDirector').change(function () {
var id = $(this).find('option:selected').attr('id');
alert('id: ' + id);
if (id == '#optMovieAddDirectorNew') {
alert('attempting to show new director div');
$('#movieAddNewDirector').show();
} else {
alert('id didn\'t match - id: ' + id);
$('#movieAddNewDirector').hide();
}
});
“id 不匹配”始终显示，即使选择第二个选项时，显示检测到的 id 的第一个警报显示应该显示 div 的正确 id！
我知道我在 jQuery 中有正确的 ID，但我不明白为什么这不起作用。对于显示/隐藏 div 的单选按钮选择，我有一些非常相似的工作。
任何帮助将不胜感激！