下拉菜單中的第一個選項禁用表單上的提交按鈕

Question

我的網站上有一個連接到Mailchimp的表格。 如果從下拉菜單中選擇頂部選項（當前為“全部”），那么這一切似乎都可以正常工作。

這是表格的代碼：

    <?php if(is_front_page()) { ?>

<style>
.fixed_header.social_header #main{padding-top: 0px!important;}
.mailchimp{ width: 100%;background: url(<?php bloginfo('template_url') ?>/images/bg_mc.png) no-repeat; background-position: left top; background-size: 100% 100% ; min-height: 399px; padding: 154px 0 20px 0;}
.inner-mailchimp{margin: 0 auto; width: 805px; text-align: center;}
.mailchimp h1, .mailchimp h3{color: #fff;} 
/*#news_mc, #everything, #business_mc, #technology_mc, #dnd_mc, #smedia_mc{display: none;}*/
#mc_embed_signup{background: none!important;}
#everything_mc{ display: block;}
.form_mc{width: 400px; float: left;}
#mc_embed_signup .mc-field-group select{ padding: 7px 0!important;}
#dnd_mc, #news_mc, #business_mc, #technology_mc, #smedia_mc{display:none;}
.mc-field-group label{color: #fff;}
#mc-embedded-subscribe-form .clear{visibility: visible; overflow: visible; right: -271px;  top: -13px; background: url(<?php bloginfo('template_url');?>/images/c.png ); position: relative;}
#mc_embed_signup .button{ background-color: #005CBF!important; font-weight: normal!important;}

</style>
<script>

function fill_email(my_mail){
    var fillupemail = document.getElementById(my_mail).value;
    //alert(fillupemail);
    document.getElementById('unique_news').value = fillupemail;
    document.getElementById('unique_business').value = fillupemail;
    document.getElementById('unique_dnd').value = fillupemail;
    document.getElementById('unique_everything').value = fillupemail;
    document.getElementById('unique_smedia').value = fillupemail;
    document.getElementById('unique_technology').value = fillupemail;

}

function mailchange(id){
    var x = document.getElementById(id);

    if(x.value == 'everything'){
        document.getElementById('dnd_mc').style.display='none';
        document.getElementById('news_mc').style.display='none';
        document.getElementById('business_mc').style.display='none';
        document.getElementById('technology_mc').style.display='none';
        document.getElementById('smedia_mc').style.display='none';

        document.getElementById(x.value+'_mc').style.display='block';
    }
    if(x.value == 'news'){
        document.getElementById('everything_mc').style.display='none';
        document.getElementById('dnd_mc').style.display='none';
        document.getElementById('business_mc').style.display='none';
        document.getElementById('technology_mc').style.display='none';
        document.getElementById('smedia_mc').style.display='none';

        document.getElementById(x.value+'_mc').style.display='block';
    }
    if(x.value == 'business'){
        document.getElementById('everything_mc').style.display='none';
        document.getElementById('dnd_mc').style.display='none';
        document.getElementById('news_mc').style.display='none';
        document.getElementById('technology_mc').style.display='none';
        document.getElementById('smedia_mc').style.display='none';

        document.getElementById(x.value+'_mc').style.display='block';
    }
    if(x.value == 'technology'){
        document.getElementById('everything_mc').style.display='none';
        document.getElementById('dnd_mc').style.display='none';
        document.getElementById('news_mc').style.display='none';
        document.getElementById('business_mc').style.display='none';
        document.getElementById('smedia_mc').style.display='none';

        document.getElementById(x.value+'_mc').style.display='block';
    }
    if(x.value == 'dnd'){
        document.getElementById('everything_mc').style.display='none';
        document.getElementById('news_mc').style.display='none';
        document.getElementById('business_mc').style.display='none';
        document.getElementById('technology_mc').style.display='none';
        document.getElementById('smedia_mc').style.display='none';

        document.getElementById(x.value+'_mc').style.display='block';
    }
    if(x.value == 'smedia'){
        document.getElementById('everything_mc').style.display='none';
        document.getElementById('dnd_mc').style.display='none';
        document.getElementById('news_mc').style.display='none';
        document.getElementById('business_mc').style.display='none';
        document.getElementById('technology_mc').style.display='none';

        document.getElementById(x.value+'_mc').style.display='block';
    }

}
</script>

<div class="mailchimp">
    <div class="inner-mailchimp">
        <h1>Scientia potentia est</h1>
        <h3>Knowledge is Power</h3>
        <div class="form_mc">
            <?php include('mailchimp-everything.php'); ?>
            <?php include('mailchimp-news.php'); ?>
            <?php include('mailchimp-business.php'); ?>
            <?php include('mailchimp-technology.php'); ?>
            <?php include('mailchimp-dnd.php'); ?>
            <?php include('mailchimp-smedia.php'); ?>
        </div><!-- form -->
        <div class="form_mc">

            <div class="everything_mc display_mc" id="mc_embed_signup"><form>
            <div class="mc-field-group selectmail_mc">
                <label for="mce-EMAIL">Interest </label>
                <select onchange="mailchange(this.id)" id="selectmail_c">
                    <option value="everything">All</option>
                    <option value="news">News</option>
                    <option value="business">Business</option>
                    <option value="technology">Technology</option>
                    <option value="dnd">Design & Development</option>
                    <option value="smedia">Social Media</option>
                </select>
            </div></form>
            </div>

        </div><!-- form -->
        <small style="color: #FFFFFF; float: left; font-size: 13px; margin-bottom: 20px; text-align: center; width: 100%;">Don't worry there's no spam just intriguing posts and <u>free</u> resources.</small>
    </div>
</div>
 <?php } ?>

我也檢查了下拉菜單中每個選項的單獨文件，但它們似乎都正確，因此我認為問題必須出在此代碼中。 不幸的是，我對它的理解還不夠，無法理解問題所在。

編輯： 這是該站點，並且它是表頭下面的窗體。

任何幫助都非常感謝，謝謝！

Answer 1

可能是如果您從下拉菜單中選擇了其他選項，然后又回到了第一個下拉菜單，那么它會起作用嗎？ （不幸的是，由於我的代表人數少，我無法發表評論）我有個問題，可能是您的mailchange函數沒有在頁面加載時被調用，因此您實際上必須“選擇” all選項，而不是默認使用它。