jquery - JQuery を介して data 属性で渡された要素の値を取得する

Question

データ要素に入力されたいくつかのフィールド名があります。jquery ajaxで使用するためのフォームで、フィールド名とそれに対応する値を含むクエリ文字列を作成しようとしています。ただし、次のコードは機能しません。

$(".linkedfill").change(function(){
  var params = $(this).data("select-params").split(",");
  $.each(params, function(index,value){
     pname = value.slice(value.IndexOf("["), value.IndexOf("]"));
     pval = $(this).parents().find("[name='"+value+"']").val();
     addparams = addparams + "&" + pname + "=" + pval;
  });
});

フィールド名は のようにheader['fldname']なり、フィールドは同じフォームのどこかで使用できます。data-select-params は次のようになりますdata-select-params="header['fld1'],header['fld2']"。

更新:フィールドの html は次のようになります。

<input name='header[fld1]' />
<input name='header[fld2]' />
<select class='linkedfill' name='pselect' data-select-params="header[fld1],header[fld2]">
  <option value="opt1">Option 1</option>
  <option value="opt2">Option 2</option>
</select>

jquery でやろうとしているのは、header[fld1]&の値を取得header[fld2]し、データからクエリ文字列を形成することです。

誰でもこれを修正するのを手伝ってもらえますか? 前もって感謝します。