.prop（'selected'）不起作用，jquery中始終禁用按鈕

Question

一旦選擇了選擇字段中的狀態，我想啟用提交按鈕。

<div class="close_req">
    <div class="req_status">
        <select id="status_update">
            <option value="status" selected="selected" disabled="disabled">Status</option>
            <option value="complete">Complete</option>
            <option value="pending">Pending</option>
        </select>
    </div>
    <div class="req_addcharges">
        <select id="additional_charges">
            <option value="charge">Additional Charges</option>
            <option value="complete">Yes</option>
            <option value="pending">No</option>
        </select>
    </div>
    <div class="additional_charge">
        <input type="text" id="add_price" name="add_price" placeholder="Enter the additional charge" />
    </div>
    <div class="task_desc">
        <textarea id="task" name="task" cols="10" rows="6" placeholder="Description of the task"></textarea>
    </div>
    <div class="task_complete">
        <input type="submit" id="complete" name="complete" value="Task Complete" />
    </div>
    </form>
</div>

這是我嘗試過的jQuery腳本

$(document).ready(function () {
    $("#complete").attr("disabled", "disabled");

    function updateFormEnabled() {
        if ($("#status_update").prop('selected', true)) {
            $("#complete").removeAttr('disabled');
        } else {
            $("#complete").attr('disabled', 'disabled');
        }
    }
});
$("#status_update").change(updateFormEnabled);

但是提交按鈕始終處於禁用狀態，我希望一旦在選擇字段中選擇了狀態后就啟用該按鈕。 誰能幫我解決這個問題。

Answer 1

您的病情很嚴重，應該是

if ($("#status_update").prop('selected') == true)

Answer 2

$("#status_update").change(updateFormEnabled); 應該在$(document).ready(function () {});

Answer 3

#status_update是選擇列表，而不是選項，您必須檢查選中的選項：

function updateFormEnabled() {
        $("#complete").attr('disabled', 'disabled');
        $('#status_update option').each(function() {
           if($(this).is(':selected')){
               $("#complete").removeAttr('disabled');
               return;
           }
        }
    }
$("#status_update").change(updateFormEnabled);

Answer 4

另一種方法是

if($("#status_update option:selected").length) {/* do action */}

JSFiddle

http://jsfiddle.net/9pqekb63/1/