禁用SUBMIT按钮,直到选择框选项

Question

我有一个小表格.

两个选择框元素和一个提交按钮.

选择选择时共同选择框元素,触发ajax请求.

我想要做的是,禁用UNTIL用户从选择下拉列表中选择的提交按钮.

在启用"提交"按钮之前,他们必须从BOTH选择下拉列表中进行选择.

我不介意在提交选项之前隐藏提交按钮.

简要说明:

<form id="ad_form" method="post" action="">
    <p>
        <select id="ad_type" name="ad_type">
            <option value="" selected="selected">Select premium ad type</option>
            <option value="<?php echo TYPE_USER;?>">Featured Agent</option>
            <option value="<?php echo TYPE_LISTING;?>">Featured Listing</option>
        </select>
        <label for="ad_type" class="labelStrong">Advertising Type</label>
    </p>
    <p>
        <select id="ad_duration" name="ad_duration">
            <option value="" selected="selected">Select premium ad duration</option>
            <option value="weekly">Weekly</option>
            <option value="fortnightly">Fortnightly</option>
            <option value="monthly">Monthy</option>
        </select>
        <label for="ad_duration" class="labelStrong">Advertising Duration</label>
    </p>

    <p>
        <div id="calender">
        </div>
    </p>
    <p>
        <input type="submit" name="submit" value="Submit" id="submitorder" />
    </p>
</form>

Answer 1

这是一个似乎做你想要的演示:

http://jsfiddle.net/Yr59d/

这JavaScript代码会去一个$(document).ready()块