JavaScript -根据选择的选项隐藏按钮开发者社区

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

细心的仙人球 · Flask-SQLAlchemy常用新旧查询 ...· 1 周前 ·

完美的排球 · 两大电网吹响信创号角！机构看好这些电力信创改 ...· 1 年前 ·

帅气的登山鞋 · 应用程序无法启动（0xc0150002）Si ...· 1 年前 ·

豪气的移动电源 · qt textedit ...· 1 年前 ·

暴躁的四季豆 · go 编译器有优化选项吗？ - 知乎· 1 年前 ·

活泼的冲锋衣 · WPF开发之Prism详解【内附源码】-阿里 ...· 1 年前 ·

<input type="button" class="opt-clear" value="Clear all dropdowns">
<div class="option">
    <select>
        <option value="">Please select</option>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
    </select>
<div class="option">
    <select>
        <option value="">Please select</option>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
    </select>
</div>

$('select').select2();
$('.option select').change(function() {
var id=$(this).val();
if (id=="") {
    $(".opt-clear").hide();
} else {
    $(".opt-clear").show();
}).trigger('change');
$(".opt-clear").click(function() { $(".option select").select2("val", ""); });

$('.option select').change(function () {
    var flag = 1;
    $(".option select").each(function (index) {
        var id = $(this).val();
        if (id != "") {
            flag = 0;
    if (flag) {
        $(".opt-clear").hide();
    } else {
        $(".opt-clear").show();
}).trigger('change');

<input type="button" id="btnChangeddValue" onclick="ddChangeValue();" style="display: none;"
        class="opt-clear" value="Clear all dropdowns">
    <div class="option">
        <select id="dd1" onchange="ddChange(this.value);">
            <option value="">Please select</option>
            <option value="1">Option 1</option>
            <option value="2">Option 2</option>
        </select>
    <div class="option">
        <select id="dd2" onchange="ddChange(this.value);">
            <option value="">Please select</option>
            <option value="1">Option 1</option>
            <option value="2">Option 2</option>
        </select>
    </div>

function ddChange(ddValue) {
            if (ddValue != "" && ddValue != null) {
                //                $('#btnChangeddValue').css({ 'display': 'block' });
                document.getElementById('btnChangeddValue').style.display = 'block';
            else {
                document.getElementById('btnChangeddValue').style.display = 'none';
        function ddChangeValue() {
            document.getElementById('dd1').value = "";
            document.getElementById('dd2').value = "";
            document.getElementById('btnChangeddValue').style.display = 'none';

回答 4

Stack Overflow用户

Stack Overflow用户