javascript - 複製された選択メニュー (ScrollectBox) のオプションの変更時に Google 翻訳にリダイレクトする

Question

次のプラグインを使用して Google 翻訳を統合しようとしています。

https://github.com/afEkenholm/ScrollectBox

https://github.com/afEkenholm/ScrollectBox/blob/master/index.html

https://github.com/afEkenholm/ScrollectBox/blob/master/js/ScrollectBox/jquery.scrollectbox.js

次の方法で、複製された選択メニューを翻訳機能と一緒に呼び出しています。

<script type="text/javascript">
jQuery(document).ready(function($){ 
            var selectEvent = function($el){    
            Translate(this); // This is the function of translation script
            return false; 
            };
         $(".selection").scrollectBox({
            preset: 'dropdown',
            numVisibleOptions: 4,
            scrollInterval: 150, 
              onSelectEvent: selectEvent,
                scrollOn: 'hover',
          listWidth: 160
});
});
</script>

オプションの変更時にページを Google 翻訳にリダイレクトする選択メニューの例は次のとおりです。

<div id = "translate">
<select onchange="Translate(this)" name="select" id="site-translator" class="selection" >
         <option value="Select Language">Select Language</option>
         <option value="en|af">Afrikaans</option>
         <option value="en|sq">Albanian</option>
         <option value="en|ar">Arabic</option>
         <option value="en|hy">Armenian</option><option value="en|az">Azerbaijani</option>
         <option value="en|eu">Basque</option></option>
         </select>

元の選択メニューはそのタスクを適切に実行しますが、複製された選択メニューはページを Google 翻訳者にリダイレクトできません。

元の選択メニューとクローン選択メニューのデモを以下に示します。

この複製された選択メニューの制限または範囲についてよく知っている人はいますか? ページがそれを介して Google 翻訳者にリダイレクトされないのはなぜですか?

どんなアイデアでも歓迎されます。