當使用Jquery / Javascript選擇一個時，如何使所有選擇中的所有值都無法選擇：

Question

我在Symfony項目上使用Ajax和jQuery生成了動態表單 。

我有多項選擇 。 我想在這種多重選擇中，當我選擇值id 7（在“外部”）時 ，所有其他值都是不可選擇的。

這是我的樹枝視圖中腳本的代碼：

function checkOption(obj) {
        var select = document.getElementById("mySpace_databasebundle_zonestechnique_batiments");
        select.disabled = obj.value == "7";
      }

這是我的樹枝視圖中的表單代碼。 只知道我正在使用一個集合，即Symfony Form的formType來創建此表單：

<div>
                {{ form_label(form.categorieszonestechnique, "Categorie(s) de la zone technique:", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_errors(form.categorieszonestechnique) }}
                {{ form_widget(form.categorieszonestechnique, {'attr': {'class': 'selectpicker categories', 'onChange': 'checkOption(this)'}}) }}
              </div>

              <div>
                {{ form_label(form.batiments, "Appartenant au bâtiment:", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_errors(form.batiments) }}
                {{ form_widget(form.batiments, {'attr': {'class': 'form-control', 'option selected': '--choose abâtiment--'}}) }}
              </div>

因此，當我選擇選項7（即“外部”）時，我想使多重選擇的所有其他值變為不可選擇。 然后為“ batiments”的選擇標簽在以下字段中設置默認值（空值）。

對於多選（selectpicker）id是mySpace_databasebundle_zonestechnique_categorieszonestechnique和batiments的選擇標簽的ID是mySpace_databasebundle_zonestechnique_batiments 。

有人知道如何使我的多重選擇的所有其他值變為不可選擇，然后將空值添加到以下字段，即用於餅的選擇標記。

謝謝。

Answer 1

  function lock() { $("input").prop('disabled', true); $("select").prop('disabled', true); }; function unlock() { $("input").prop('disabled', false); $("select").prop('disabled', false); }; 

 <form> <input type="checkbox" id="pizza" name="pizza" value="yes"><br/> <input type="radio" name="radio" id="radio" value="Yes"> <input type="radio" name="radio" id="radio" value="No"><br/> <select id="pizza_kind"> <option>(choose one)</option> <option value="margaritha">Margaritha</option> <option value="hawai">Hawai</option> </select><br/> <select id="pizza_kind1"> <option>(choose one)</option> <option value="margaritha">Margaritha</option> <option value="hawai">Hawai</option> </select><br/> <button name="freez" onClick="lock()">Lock</button> <button name="freez" onClick="unlock()">Unlock</button> </form> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 

我認為這就是您的解釋。 如果不是您想要的，請告訴我