Question

在下面的下拉菜单中，我试图让它显示其他部分或在选中时显示多个..

<label>Calls</label>
<select id = "callList">
    <option value = "1">one</option>
    <option value = "2">two</option>
    <option value = "3">three</option>
    <option value = "4">four</option>
</select>
<select id = "Split">
    <option value = "Quality1">Sam's</option>
    <option value = "Quality2">Walmart</option>
</select>

所以如果有人选择选项2，它将显示选项1和2，但隐藏其余部分。我正在尝试使用下面发布的js来正确显示它，但它不会。

function check() {
    var dropdown = document.getElementById("callList");
    var current_value = dropdown.options[dropdown.selectedIndex].value;

    if (current_value == "1") {
        document.getElementById("Split").style.display = "block";
    }
    else {
        document.getElementById("Split").style.display = "none";
    }
}

Answer 1

你是对的。

只需在选择下拉列表中添加B::m_aStuff，如下所示。

onchange="check()"

Answer 2

您需要有一个事件来调用您的函数。

测试这样的事情：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span name="name[]" class="name">1</span><input type="text" name="quantity[]" class="quantity" value="1"><br>
<span name="name[]" class="name">2</span><input type="text" name="quantity[]" class="quantity" value="0"><br>
<span name="name[]" class="name">3</span><input type="text" name="quantity[]" class="quantity" value="5"><br>

Answer 3

您需要为下拉菜单启动活动。如果是select HTML元素，您可以使用onchange事件处理程序来响应DropDown选择的更改。

function check() {
var dropdown = document.getElementById("callList");
var current_value = dropdown.options[dropdown.selectedIndex].value;
if (current_value == "1") {
    document.getElementById("Split").style.display = "block";
   
}
else {
    document.getElementById("Split").style.display = "none";
    
}
}

<label>Calls</label>
<select id = "callList" onchange="check()">
    <option value = "1">one</option>
    <option value = "2">two</option>
    <option value = "3">three</option>
    <option value = "4">four</option>
</select>
<select id = "Split">
    <option value = "Quality1">Sam's</option>
    <option value = "Quality2">Walmart</option>
</select>

使用Javascript隐藏和显示选项

3 个答案: