onchange動的名を持つドロップダウンリストをフィルタリングしたい

Question

私は複雑なjavascriptの問題に巻き込まれています。

2つのドロップダウンリストがあり、属性の名前は「動的」です。ユーザーはロジックが正常に動作しているdivを追加することができます。その問題は私が現在持っている問題とは関係ありません。

ユーザーがドロップダウンリストから商品を選択すると、商品インデックスに関連する年が表示されます。私は製品名と接尾辞を得ることができますが、会計年度の属性プロパティを取得または設定する方法はわかりません。代わりに、名前の

<script type="text/javascript"> 

    function loadYear(obj) { 
     alert("The attribute name is " + obj.name); 
     var suffix = obj.name.match(/\d+/); 
     alert("the suffix is " +suffix); 

     alert(" how to get the name and value of Fiscal_Year attribute that changes dynamically"); 

    } 
</script> 

<div class="row"> 
       <div class="form-group"> 
        <div class="col-md-10"> 
            <select name="[0].Product" onchange="loadYear(this);"> 
              <option value="15>Corporate HQ</option> 
              <option value="16">Data Campaign</option> 
              <option value="17">Digital Products </option> 
            </select> 
        </div> 
       </div> 

       <div class="form-group"> 
        <div class="col-md-8"> 
         <select name="[0].FISCAL_YEAR"> 
            <option value="15">FY15</option> 
            <option value="16">FY16</option> 
            <option value="17">FY17</option> 
         </select> 
        </div> 
       </div> 

</div> 

<div class="row"> 
       <div class="form-group"> 
        <div class="col-md-10"> 
            <select name="[1].Product" onchange="loadYear(this);"> 
              <option value="15>Corporate HQ</option> 
              <option value="16">Data Campaign</option> 
              <option value="17">Digital Products </option> 
            </select> 
        </div> 
       </div> 

       <div class="form-group"> 
        <div class="col-md-8"> 
         <select name="[1].FISCAL_YEAR"> 
            <option value="15">FY15</option> 
            <option value="16">FY16</option> 
            <option value="17">FY17</option> 
         </select> 
        </div> 
       </div> 

</div> 

Answer 1

よう[0].Product、あなたのloadYear機能であなただけの

obj.name.replace('Product_', ''); 

を行うことができますので、あなたが動的に、簡単になりますProduct_0とFISCAL_YEAR_0、のような名前を作成し、それはあなたを与えるだろうカント選択された製品のインデックス..あなたは今年にアクセスするためにJavaScriptを使用することができます

あなたのロジックで可能ですか？

Answer 2

たぶん、このような何かが働くだろう：

function loadYear(obj) { 
    alert("The attribute name is " + obj.name); 
    var suffix = obj.name.match(/\d+/); 
    alert("the suffix is " +suffix); 

    // Get the year value from the year selection 
    var selectedYear = obj.value; 
    // Find the corresponding FISCAL_SELECT element 
    var fiscalSelects = document.getElementsByName("[" + suffix + "].FISCAL_YEAR"); 
    if (fiscalSelects != null && fiscalSelects.length > 0) { 
     // Set the value (assuming only one element exists) 
     fiscalSelects[0].value = selectedYear; 
    } 
} 

を要求したとして、ここではjQueryを使って実装され、その関数の最後のビットがある：

// Get the year value from the year selection 
var selectedYear = $(obj).val(); 
// Find the corresponding FISCAL_SELECT element 
var fiscalSelects = $('[name="[' + suffix + '].FISCAL_YEAR"]'); 
if (fiscalSelects != null && fiscalSelects.length > 0) { 
    // Set the value (assuming only one element exists) 
    fiscalSelects[0].val(selectedYear); 
}