0

ループdropdownを使用してリストの「変更」イベントに複数の個々の関数をアタッチする単一の関数を取得しようとすると、この問題が発生します。オブジェクト top has no methodはfor ... in、Chrome デバッガーによって検出された Type エラーです。$('select')'on'

ここに私のコードがあります:(私はJavaScript / jQueryの知識があまりないので、私のコーディングには我慢してください)

function AKaizerDropdown(HiddenFeild) {     //#id of hidden field passed as parameter
var select = $('select'); // select object assigned to variable
var selectcount = 0;
var Selecthold=new Array();

for (select in this) {

    select.on('change', function() {
        var SelectedIndex = this.attr('selectedIndex');
        selecthold[selectcount] = [select.attr('id'), selectedindex];         
        //Select ID and Selected index assigned as an array into Selecthold Array element
    });

    selectcount +=1; 

}
var item= new array();

//Elements in selecthold array printed onto hidden field 
for (item in selecthold) {
    $(HiddenFeild).val += item[0] + item[1]; //Assigns values to element Hiddenfield in DOM
}

}

編集されたコード:

 $.fn.AKaizerDropdown = function (HiddenFeild) {

var select_ = $(this).find('select'); 
var selectcount = 0;
var Selecthold=new Array();

select_.each(function () {

    $(this).on('change', function () { //everything runs fine except dropdownlist doesn't enter into this event when an item is chosen
        var SelectedIndex = this.selectedIndex;
        Selecthold[selectcount] = [this.id, Selectedindex];

    });

});

var button_ = $(this).find('input')
button_.on('click', function () {
    for (item in Selecthold) {
        $(HiddenFeild).val += item[0] + item[1]+','; //Assigns values to element Hiddenfeild in DOM seperated by ","
    }
});

}

多少修正されたコードがまだ機能しない

これは、ポップオーバー Bootstrap(twitter 2.3.2) にアタッチする部分です。

//think the problem lies here where the pop up seems to re-render the same same html found in ($#KaizerDragon") where all JavaScript is probably discarded?

$("#ContentPlaceHolder1_ADragonTreeviewt41").popover({
    html: true, container: 'body',
    trigger: 'click',
    content: function () {

        $(function () {
            $("#KaizerDragon").AKaizerDropdown();
        });
        return $("#KaizerDragon").html();

    }

});

だから私の質問は、上記のコードを修正して意図した出力を取得するにはどうすればよいですか(コード内のコメントのように)?

4

2 に答える 2

0

このようなことを試してください

            select.each(function(){
                 $(this).on('change', function() {
                    var SelectedIndex = this.selectedIndex;
                    Selecthold[selectcount] = [this.id, SelectedIndex];         
                    //Select ID and Selected index assigned as an array into Selecthold Array element
                });

            })
于 2013-11-14T07:59:35.550 に答える