点击下拉菜单显示隐藏结构

-1

我想根据几个参数制作我自己的预订表格，实际上我想要一个下拉菜单的结构，其中一个下拉菜单显示其他用户点击后的结果。点击下拉菜单显示隐藏结构

例如：

<select id="location"> 
    <option>Choose location</option> 
    <option value="location_a">Location A</option> 
    <option value="location_b">Location B</option> 
    <option value="location_c">Location C</option> 
</select>

在位置A或B或C的浏览器需要用户点击后，显示其他下拉：

<select id="location_a"> 
    <option>Choose location</option> 
    <option value="hotel_a">Hotel A</option> 
    <option value="hotel_b">Hotel B</option> 
    <option value="hotel_c">Hotel C</option> 
</select> 

<select id="location_b"> 
    <option>Choose location</option> 
    <option value="hotel_a">Hotel A</option> 
    <option value="hotel_b">Hotel B</option> 
    <option value="hotel_c">Hotel C</option> 
</select> 

<select id="location_c"> 
    <option>Choose location</option> 
    <option value="hotel_a">Hotel A</option> 
    <option value="hotel_b">Hotel B</option> 
    <option value="hotel_c">Hotel C</option> 
</select>

在酒店的浏览器需要买家点击后显示前面两个下拉和第三个：

<select id="microlocation"> 
    <option>Choose location</option> 
    <option value="micro_a">Micro location A</option> 
    <option value="micro_b">Micro location B</option> 
    <option value="micro_c">Micro location C</option> 
</select>

当选择微位置时，需要显示

<div class="micro_c">Address of Micro C location</div>

等

感谢您的帮助。

我试过寻找显示/隐藏分区jQuery，但这只适用于一个级别。

问候

来源

2017-03-12 ante1820

你期望什么样的答案？你试过的jQuery在哪里？你遇到问题了？请始终确保提供[mcve]，目前我看不出任何问题。 –

这里的编程它的方式：我检查选择的值，如果不违约，那么它继续显示在列表中向下。

$("#location_b, #location_c").hide(); 
 

 
$("select").on("change", function() { 
 
    $("select").hide(); 
 
    if ($("#location_a").show().val() != "default") { 
 
    if ($("#location_b").show().val() != "default") { 
 
     $("#location_c").show(); 
 
    } 
 
    } 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
 

 
<select id="location_a"> 
 
\t <option value="default">Choose location</option> 
 
\t <option value="hotel_a">Hotel A</option> 
 
\t <option value="hotel_b">Hotel B</option> 
 
\t <option value="hotel_c">Hotel C</option> 
 
\t </select> 
 

 
<select id="location_b"> 
 
\t <option value="default">Choose location</option> 
 
\t <option value="hotel_a">Hotel A</option> 
 
\t <option value="hotel_b">Hotel B</option> 
 
\t <option value="hotel_c">Hotel C</option> 
 
\t </select> 
 

 
<select id="location_c"> 
 
\t <option value="default">Choose location</option> 
 
\t <option value="hotel_a">Hotel A</option> 
 
\t <option value="hotel_b">Hotel B</option> 
 
\t <option value="hotel_c">Hotel C</option> 
 
\t </select>

来源

2017-03-12 17:44:45 Neil

而不是修改你可能只是做'if（this.value）' –

好主意，我会改变这一点 – Neil

为什么你在'if'语句中使用'.show（）'？ –

点击下拉菜单显示隐藏结构

回答

相关问题