javascript - 重置值或设置为默认选择的选项 jQuery

Question

我正在尝试重置最近选择选项的值。

$(document).ready(function () {
    $('.limitation_points').hide();
    $('.field .limitSelected').each(function () {
        $(this).change(function () {
            var selected = $(this).val();
            if (selected == '1') {
                $(this).closest('.field').find('.limitation_points').fadeIn(200);
            } else {
                $(this).closest('.field').find('.limitation_points').fadeOut(200);
                $(this).closest('.field').find('input[name="pillers[]"]').val("");
            }
        });
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="field">
    <input id="limitation1" type="radio" class="limitSelected" name="limitation" value="1" />Yes
    <input id="limitation2" type="radio" class="limitSelected" name="limitation" value="0" />No       
    <select id="pijlers" class="pillers" name="pillers[]">
        <option class="placeholder" selected disabled>Make Choice</option>
        <option value="0">0</option>
        <option value="1">1</option>
    </select>
</div>

直到 fadeIn fadeOut 我的代码正在按应有的方式工作。但是当值为“0”时，此代码不会重置选择选项的值。

谁能帮我解决这个问题，我做错了什么？

提前致谢。

Answer 1

使用“-1”作为默认值并使用 select 而不是 input 作为您的选择器，应该可以解决问题。

$(document).ready(function () {
    $('.limitation_points').hide();
    $('.field .limitSelected').each(function () {
        $(this).change(function () {
            var selected = $(this).val();
            if (selected == '1') {
                $(this).closest('.field').find('.limitation_points').fadeIn(200);
            } else {
                $(this).closest('.field').find('.limitation_points').fadeOut(200);
                $(this).closest('.field').find('select[name="pillers[]"]').val("-1");
            }
        });
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="field">
    <input id="limitation1" type="radio" class="limitSelected" name="limitation" value="1" />Yes
    <input id="limitation2" type="radio" class="limitSelected" name="limitation" value="0" />No       
    <select id="pijlers" class="pillers" name="pillers[]">
        <option class="placeholder" value="-1" selected disabled>Make Choice</option>
        <option value="0">0</option>
        <option value="1">1</option>
    </select>
</div>