jQueryを使用したSharePointの多選択選択フィールドの変更

Question

SPUtilityとjQueryを使用して、SharePoint 2013フォームのフィールドを動的に非表示にしています。再作成したデモンストレーションソリューションはhereです。私は複数の選択（チェックボックス）を可能にする選択フィールドの変更をトリガするように変更しようとしています。 origional例は

$(countryField.Dropdown).on('change', showOrHideField); 

...このような選択フィールド（dropdopwn）への変更のオフにトリガされ、私は無駄に...これをやって

$(country2Field.Checkbox).on('change', showOrHideField); 

を試してみました。私はそれが私が望んでいたよりももっと複雑だと思う。

私はSPUtilityを使用していないが、あなたはjQueryを使って同じことを行うことができ、それはあなたのために働く願ってい

Answer 1

：

あなたは、たとえば、DIVでの選択オプションをラップすることができます：

<div id="choicesPanel"> 
</div> 

既定でCSSを適用しますdisplay:none

<div id="choicesPanel" style="display:none"> 
    /*your choices elements*/ 
</div> 

これで、選択肢のオプションはデフォルトでは表示されません。

その後、あなたはコードを追加することができます。ドロップダウンが変更され、選択した値があなたのDesiredOptionた場合

$(document).on('change', "#youDropdownId", function(){ 
    if($("#youDropdownId").val() == "DesiredOption"){ 
      $("#choicesPanel").show(); 
    }else{ 
      $("#choicesPanel").hide(); 
    } 
}); 

または

$(document).on('change', "#youDropdownId", function(){ 
     if($("#youDropdownId").val() == "DesiredOption"){ 
       $("#choicesPanel").css("display", "block"); 
     }else{ 
       $("#choicesPanel").css("display", "none"); 
     } 
    }); 

だから、それは選択肢が表示されます。