gpt4 book ai didi

jquery - 选择选项时显示隐藏的 div

转载 作者:行者123 更新时间:2023-12-01 00:03:26 29 4
gpt4 key购买 nike

我一生都无法弄清楚我错过了什么。

this 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 的单选按钮选择。

任何帮助将不胜感激!

最佳答案

更改 if (id == '#optMovieAddDirectorNew') {

对此:if (id == 'optMovieAddDirectorNew') {

“#”符号不是id的一部分,它仅用于在选择器中查找id

和 JSfiddle http://jsfiddle.net/BG4Dg/1/

关于jquery - 选择选项时显示隐藏的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14328209/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com