禁用SUBMIT按钮，直到选择框选项 [英] Disable SUBMIT button until select box choices

问题描述

我有一个小表格。

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

Two select box elements and a submit button.

选择选择选项时，框元素集体发出，触发ajax请求。

The select box elements collectively when selections are chosen, fire off an ajax request.

我要做的是，禁用提交按钮UNTIL用户从选择下拉菜单中做出选择。

What I want to do is, disable the submit button UNTIL user has made selections from the select drop downs.

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

They must make a selection from BOTH select drop downs, before the Submit button is enabled.

I不介意提交按钮是否隐藏，直到做出选择。

I dont mind if the submit button is hidden until selections made.

简要代码：

<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>

推荐答案

这是一个似乎可以做你想做的演示：

Here's a demo that seems to do what you want:

http://jsfiddle.net/Yr59d/

该javascript代码将以 $（文件）.ready（）块

That javascript code would go in a $(document).ready() block

这篇关于禁用SUBMIT按钮，直到选择框选项的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！