javascript - 使用 jquery 从 select 中识别选项

Question

我想要一个客户，从<select>中选择一个特定的选项，并且该选项必须做一件事:

从 <div id="addoptions" class="disabled"> 中删除类属性“disabled” .

选中后我想要获取的值是:<option value="mobile">

我尝试了其他帖子，我看到了一些选项，但没有任何对我有用。

fiddle : https://jsfiddle.net/ujgx4st3/5/

HTML

   <select id="service">

                        <option selected="selected">Choose one of the options</option>

                        <optgroup label=""></optgroup>

                        <optgroup label="Web Development">
                            <option value="manage">Website Management</option>
                            <option value="update">Update to Responsive</option>
                            <option value="coding">Page Coding</option>
                            <option value="software">Software Programming</option>
                            <option value="mobile">Mobile Application</option>
                        </optgroup>

    </select></br></br>


    <div id="appoptions" class="col-md-3 disabled">

                        <div style="margin: 25px 0;">
                            <label><b>Application options</b> <small>(mobile)</small></label></br></br>

<input type="checkbox" name="platform" value="android" disabled>Android</br>
<input type="checkbox" name="platform" value="apple" disabled>Apple</br>
<input type="checkbox" name="platform" value="windows" disabled>Windows Phone</label></br>
<input type="checkbox" name="platform" value="webapp" disabled>Web application</br>
                        </div>
                    </div>


<div id="appoptions" class="col-md-3 disabled">

   <div style="margin: 25px 0">
        <label><b>Type of application</b></label></br></br>

<input type="checkbox" class="check" name="mobile" value="pay" disabled>Include payments options</br>

<input type="checkbox" class="check" name="mobile" value="users" disabled>Add registration</br>

<input type="checkbox" class="check" name="mobile" value="connect" disabled>Connected to Social Media</br>

<input type="checkbox" class="check" name="mobile" value="settings" disabled>Add app options</br>

     </div>
</div>

Answer 1

您可以在 jQuery 中执行此操作:

$("#service").change(function(){
    if( $(this).val() == "manage")
        $("#appoptions").removeClass("disabled");
});

例如，当选择带有“manage”的选项时，这将删除#appoptions上禁用的类。其中包含文本“网站管理”。当然，如果您愿意，您可以使用 "mobile" 而不是 "manage"。

Here is an example