Question

我想创建一个在线微调器计算器。到目前为止，我在计数器中存储了计算的数值，但现在我在更新值时遇到了问题。在下面的示例中，如果我选择 Linux ，则定价选项应为 5,10,20 。如果选择 Windows ，则 50,70,100 。

$(".prev").click(function() {
    $(this).siblings('select').find('option:selected').prev().prop('selected', true);
});

$(".next").click(function() {
    $(this).siblings('select').find('option:selected').next().prop('selected', true);
});

.prev, .next {
    width: 13px;
    height: 18px;
    padding: 2px 0 0 7px;
    background-color: #6c6c6c;
    display: inline-block;
    color: #fff;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="calc">
        <div class="selector">
            <div class="prev"><</div>
            <select class="val">
                <option selected value="0">Linux</option>
                <option value="1">Windows</option>
            </select>
            <div class="next">></div>
        </div>
        <div class="selector">
            <div class="prev"><</div>
            <select class="val">
                <option selected value="5">5</option>
                <option value="10">10</option>
                <option value="20">20</option>
            </select>
            <div class="next">></div>
        </div>
    </div>

Answer 1

将所有可能的值添加到标记

中

然后当用户选择＆＃34; Windows＆＃34;时，让它隐藏5,10和20的选项并显示其他值

然后，如果他们选择＆＃34; Linux＆＃34;，让它做相反的

有意义吗？如果需要，我可以为你编写代码......

更改选择框的值

1 个答案: