Question

美好的一天

我在这个问题上需要一些帮助。

我有一个“Location1”下拉菜单，大约有10个选项。然后，如果用户选择“其他”，我想要显示一个div类。

代码：

<script>
$(document).ready(function(){
$("#Location1").on('change' function(){
 if (this.value == 'Other') {
 $(".otherlocation1").show();
}
else {
$(".otherlocation1").hide();
}
});
});
</script>

默认情况下应该隐藏div类“otherlocation1”，然后根据“Location1”文本框中的选择显示“otherlocation1”。

唯一的问题是，它不起作用。我尝试了很多其他方法，但却无法使其发挥作用。

任何帮助都将不胜感激。

Answer 1

,之后您遗漏了change。试试这个：

＆＃13;

$(document).ready(function() {
   $("#Location1").on('change', function() {
     if (this.value == 'Other') {
       $(".otherlocation1").show();
     } else {
       $(".otherlocation1").hide();
     }
   });
 });

＆＃13;

.otherlocation1{
  display: none;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id='Location1'>
  <option disabled selected>Select an option</option>
  <option value='Other'>Other</option>
  <option value='Other 2'>Other 2</option>
  <option value='Other 3'>Other 3</option>
  <option value='Other 4'>Other 4</option>
  <option value='Other 5'>Other 5</option>
</select>
<p class='otherlocation1'>otherlocation1</p>

＆＃13;

Answer 2

在Jquery中，.fixedprices_content {max-width: 960px;table-layout: fixed;top:0;border-collapse: collapse;width: 100%;} .fixedprices_content tbody {display: block;overflow-x: hidden;width: 100%;background-color: #fff;max-height: 600px;}函数有两个参数。

事件
处理程序

因此，当您调用height: 50px!important; overflow:scroll!important; -ms-overflow-style: scrollbar;函数时，您传递的事件和处理程序用逗号分隔，＆＃39;＆＃39; 。有关详细信息，请参阅this。

因此按如下方式重构你的行

on

Div类没有显示下拉选择？

2 个答案: