Javascript 正在尝试获取取消隐藏图片的按钮

我试图在我的HTML中获得一个按钮，以显示单击时隐藏的图像。我对使用jquery/js非常陌生，因此任何人都会提供帮助，我非常感激

输入字段和应触发脚本的按钮的Html：

<div class="col-md-3"> 
  <div>Select City</div>
  <input type="text" id="citySelector">
</div>
<button type="button" class="btn btn-primary" id="findHotel" data-dismiss="modal">Find Hotel</button>

JS:

---

您必须更正这些行：

document.('nyResults').style.display = "block";
document.('chicagoResults').style.display = "block";

通过在

文档之后添加
getElementById
：

document.getElementById('nyResults').style.display = "block";
document.getElementById('chicagoResults').style.display = "block";

您的函数也应该以
}
结束，而不是
}），并且您必须将字段的值传递给函数，以便将参数添加到函数定义中

希望这有帮助



$（“body”）。在（'click'，“#findHotel”，function（）上
{
城市搜索（$（“#城市选择器”）.val（）.trim（））；
});
功能城市搜索（城市选择器）
{
如果（城市选择器==“纽约”）
$（'#nyResults'）.show（）；
else if（城市选择器==“芝加哥”）
$（'chicagoResults'）.show（）；
}
#chicagoResults，#nyResults{
颜色：#f6f1ed；
利润上限：110像素；
左边距：180像素；
显示：无；
}

选择城市
查找酒店
尝试更改此选项：

document.('nyResults').style.display = "block";
document.('chicagoResults').style.display = "block";

为此：

$('#nyResults').show();
$('#chicagoResults').show();

最终代码：

$("#findHotel").click(function() {
  var citySelector = $("#citySelector").val().trim();
  if (citySelector === "New York"){
    $('#nyResults').show();
  } else if (citySelector === "Chicago"){
    $('#chicagoResults').show();
  }
});

我建议在进入库之前先学习javascript本身的基础知识

话虽如此，（尽管存在语法错误），您的代码仍存在一些问题：


您的单击事件定义了一个函数，但从不调用它。

您需要调用一个函数来执行其中的代码


您正在使用一个表格来保存布局。

用于演示目的的
标签是优秀网页设计的祸害。如果需要，使用div并将其设置为表格样式，使用
display:table
和
display:table cell
，但不要使用
标记，除非使用表格数据填充


$（函数（）{
var findButton=$（“#查找按钮”）；
var chicagoResults=$（“#chicagoResults”）；
findButton.on（“单击”，函数（）{
变量输入=$（“#城市选择器”）.val（）.trim（）.toLowerCase（）；
如果（输入==“芝加哥”）{
css（{display:“block”}）；
}
else if（输入==“纽约”）{
//展示纽约街区
}
});
});
#芝加哥结果{
显示：无；
}

选择城市
芬德酒店
耶

您的问题/问题到底是什么？您是在征求关于如何改进代码的建议，还是您的代码根本不起作用？@Billy code在这一点上根本不起作用。我不知道为什么，所以任何让它工作的帮助或者解释它为什么不工作都是有用的
document.('nyResults').style.display = "block";
document.('chicagoResults').style.display = "block";

$('#nyResults').show();
$('#chicagoResults').show();

$("#findHotel").click(function() {
  var citySelector = $("#citySelector").val().trim();
  if (citySelector === "New York"){
    $('#nyResults').show();
  } else if (citySelector === "Chicago"){
    $('#chicagoResults').show();
  }
});