javascript - .prop('selected') not working, button is disabled all the time in jquery -
i want enable the submit button once status in select field selected.
<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 additional charge" /> </div> <div class="task_desc"> <textarea id="task" name="task" cols="10" rows="6" placeholder="description of task"></textarea> </div> <div class="task_complete"> <input type="submit" id="complete" name="complete" value="task complete" /> </div> </form> </div> here jquery script have tried
$(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); but submit button disabled, want button enabled once status selected in select field. can please me issue.
another way
if($("#status_update option:selected").length) {/* action */}
jsfiddle
Comments
Post a Comment