將數據傳遞給選擇選項，然后傳遞給函數jquery .data（）;

Question

我有一個表格，一旦選擇了第一個下拉菜單，下一個將由第一個下拉菜單的子項填充。 我需要傳遞已選擇的“分支”。 問題是我需要將字符串以外的其他內容傳遞給填充下一個select選項的函數。 我正在嘗試使用jQuery的.data（）; 方法，但我不斷收到錯誤消息。

function Branch ( name, level, parent ) {
    this.name = name;
    this.level = level;
    this.children = [];
    this.parent = parent;
}

function makeNextOptions ( branch ){
    var b = branch;
    while  ( b ) {
        if ( b.hasChildren() ) {
            f.append( $("<select id="+l2+"></select>" ) );
            var c = b.children;
            j = c.length;
            $("#"+l2 ).append($("<option></option>")
                              .attr("value", 2)//.id )
                              .text( "text" ) 
                             );
            while ( j-- ) {
                $("#"+l2 ).append($("<option></option>")
                                  .attr("value", c[j].name)//.id )
                                  .text( c[j].name)
                                  .data( c[j] ); 
                                 )};

            $( "#"+l2 ).change( function () {
                var sel = $( "select option:selected" ).data();
                console.log(sel);
                createLevel( sel )
            })

            l--;
            n = n.parent;
        }else
        { n= null;
        }
    }    

}

但是我不斷收到一個錯誤，指出（“ sel”）對象＃沒有方法'hasChildren'。 但是確實如此，因為“ sel”應該只是另一個分支。

Answer 1

您可以使用jquery的函數.data(key, value) ，您可以傳遞對象。