Паттерны в музыке

html select box выделить все опции

Допустим у нас есть multiple select box с большим количеством options, ну скажем 450. Надо выделить все.
Рассмотрим 2 способа.
Решение 1. В лоб

selectAll_method1 = function(selectBoxId, selected) {
    var selectBox = document.getElementById(selectBoxId);
    for (var i=0; i < selectBox.options.length; i++) {
         selectBox.options[i].selected = selected;
    }
}

85              LastName = 8586              LastName = 8695              LastName = 95101             LastName = 101102             LastName = 102103             LastName = 103113             LastName = 113117             LastName = 117118             LastName = 118119             LastName = 119136             LastName = 136141             LastName = 141144             LastName = 144145             LastName = 145150             LastName = 150152             LastName = 152157             LastName = 157161             LastName = 161170             LastName = 170173             LastName = 173174             LastName = 174176             LastName = 176189             LastName = 189193             LastName = 193194             LastName = 194196             LastName = 196202             LastName = 202205             LastName = 205206             LastName = 206207             LastName = 207208             LastName = 208210             LastName = 210216             LastName = 216219             LastName = 219221             LastName = 221223             LastName = 223224             LastName = 224225             LastName = 225226             LastName = 226230             LastName = 230232             LastName = 232234             LastName = 234235             LastName = 235237             LastName = 237241             LastName = 241244             LastName = 244251             LastName = 251252             LastName = 252256             LastName = 256257             LastName = 257260             LastName = 260262             LastName = 262265             LastName = 265275             LastName = 275277             LastName = 277280             LastName = 280281             LastName = 281282             LastName = 282284             LastName = 284290             LastName = 290291             LastName = 291292             LastName = 292294             LastName = 294296             LastName = 296297             LastName = 297298             LastName = 298302             LastName = 302303             LastName = 303304             LastName = 304312             LastName = 312313             LastName = 313314             LastName = 314316             LastName = 316319             LastName = 319320             LastName = 320324             LastName = 324326             LastName = 326328             LastName = 328329             LastName = 329330             LastName = 330331             LastName = 331332             LastName = 332333             LastName = 333334             LastName = 334335             LastName = 335337             LastName = 337338             LastName = 338339             LastName = 339345             LastName = 345346             LastName = 346347             LastName = 347348             LastName = 348349             LastName = 349350             LastName = 350351             LastName = 351353             LastName = 353354             LastName = 354355             LastName = 355357             LastName = 357358             LastName = 358359             LastName = 359361             LastName = 361368             LastName = 368371             LastName = 371372             LastName = 372373             LastName = 373375             LastName = 375377             LastName = 377381             LastName = 381382             LastName = 382385             LastName = 385386             LastName = 386388             LastName = 388389             LastName = 389391             LastName = 391392             LastName = 392396             LastName = 396397             LastName = 397401             LastName = 401404             LastName = 404405             LastName = 405406             LastName = 406414             LastName = 414418             LastName = 418419             LastName = 419422             LastName = 422425             LastName = 425426             LastName = 426427             LastName = 427428             LastName = 428430             LastName = 430432             LastName = 432438             LastName = 438439             LastName = 439440             LastName = 440441             LastName = 441442             LastName = 442444             LastName = 444446             LastName = 446448             LastName = 448453             LastName = 453455             LastName = 455457             LastName = 457463             LastName = 463464             LastName = 464472             LastName = 472473             LastName = 473476             LastName = 476477             LastName = 477478             LastName = 478480             LastName = 480481             LastName = 481482             LastName = 482483             LastName = 483484             LastName = 484485             LastName = 485486             LastName = 486487             LastName = 487488             LastName = 488491             LastName = 491493             LastName = 493496             LastName = 496498             LastName = 498501             LastName = 501502             LastName = 502505             LastName = 505506             LastName = 506507             LastName = 507508             LastName = 508509             LastName = 509510             LastName = 510511             LastName = 511512             LastName = 512513             LastName = 513514             LastName = 514516             LastName = 516518             LastName = 518519             LastName = 519520             LastName = 520521             LastName = 521522             LastName = 522524             LastName = 524525             LastName = 525526             LastName = 526527             LastName = 527528             LastName = 528530             LastName = 530533             LastName = 533534             LastName = 534535             LastName = 535537             LastName = 537538             LastName = 538544             LastName = 544545             LastName = 545546             LastName = 546547             LastName = 547548             LastName = 548549             LastName = 549550             LastName = 550551             LastName = 551552             LastName = 552553             LastName = 553554             LastName = 554557             LastName = 557559             LastName = 559562             LastName = 562563             LastName = 563564             LastName = 564565             LastName = 565566             LastName = 566609             LastName = 609928             LastName = 928930             LastName = 930932             LastName = 932935             LastName = 935936             LastName = 936938             LastName = 938950             LastName = 950951             LastName = 951958             LastName = 958959             LastName = 959962             LastName = 962981             LastName = 981982             LastName = 982990             LastName = 990 85              LastName = 8586              LastName = 8695              LastName = 95101             LastName = 101102             LastName = 102103             LastName = 103113             LastName = 113117             LastName = 117118             LastName = 118119             LastName = 119136             LastName = 136141             LastName = 141144             LastName = 144145             LastName = 145150             LastName = 150152             LastName = 152157             LastName = 157161             LastName = 161170             LastName = 170173             LastName = 173174             LastName = 174176             LastName = 176189             LastName = 189193             LastName = 193194             LastName = 194196             LastName = 196202             LastName = 202205             LastName = 205206             LastName = 206207             LastName = 207208             LastName = 208210             LastName = 210216             LastName = 216219             LastName = 219221             LastName = 221223             LastName = 223224             LastName = 224225             LastName = 225226             LastName = 226230             LastName = 230232             LastName = 232234             LastName = 234235             LastName = 235237             LastName = 237241             LastName = 241244             LastName = 244251             LastName = 251252             LastName = 252256             LastName = 256257             LastName = 257260             LastName = 260262             LastName = 262265             LastName = 265275             LastName = 275277             LastName = 277280             LastName = 280281             LastName = 281282             LastName = 282284             LastName = 284290             LastName = 290291             LastName = 291292             LastName = 292294             LastName = 294296             LastName = 296297             LastName = 297298             LastName = 298302             LastName = 302303             LastName = 303304             LastName = 304312             LastName = 312313             LastName = 313314             LastName = 314316             LastName = 316319             LastName = 319320             LastName = 320324             LastName = 324326             LastName = 326328             LastName = 328329             LastName = 329330             LastName = 330331             LastName = 331332             LastName = 332333             LastName = 333334             LastName = 334335             LastName = 335337             LastName = 337338             LastName = 338339             LastName = 339345             LastName = 345346             LastName = 346347             LastName = 347348             LastName = 348349             LastName = 349350             LastName = 350351             LastName = 351353             LastName = 353354             LastName = 354355             LastName = 355357             LastName = 357358             LastName = 358359             LastName = 359361             LastName = 361368             LastName = 368371             LastName = 371372             LastName = 372373             LastName = 373375             LastName = 375377             LastName = 377381             LastName = 381382             LastName = 382385             LastName = 385386             LastName = 386388             LastName = 388389             LastName = 389391             LastName = 391392             LastName = 392396             LastName = 396397             LastName = 397401             LastName = 401404             LastName = 404405             LastName = 405406             LastName = 406414             LastName = 414418             LastName = 418419             LastName = 419422             LastName = 422425             LastName = 425426             LastName = 426427             LastName = 427428             LastName = 428430             LastName = 430432             LastName = 432438             LastName = 438439             LastName = 439440             LastName = 440441             LastName = 441442             LastName = 442444             LastName = 444446             LastName = 446448             LastName = 448453             LastName = 453455             LastName = 455457             LastName = 457463             LastName = 463464             LastName = 464472             LastName = 472473             LastName = 473476             LastName = 476477             LastName = 477478             LastName = 478480             LastName = 480481             LastName = 481482             LastName = 482483             LastName = 483484             LastName = 484485             LastName = 485486             LastName = 486487             LastName = 487488             LastName = 488491             LastName = 491493             LastName = 493496             LastName = 496498             LastName = 498501             LastName = 501502             LastName = 502505             LastName = 505506             LastName = 506507             LastName = 507508             LastName = 508509             LastName = 509510             LastName = 510511             LastName = 511512             LastName = 512513             LastName = 513514             LastName = 514516             LastName = 516518             LastName = 518519             LastName = 519520             LastName = 520521             LastName = 521522             LastName = 522524             LastName = 524525             LastName = 525526             LastName = 526527             LastName = 527528             LastName = 528530             LastName = 530533             LastName = 533534             LastName = 534535             LastName = 535537             LastName = 537538             LastName = 538544             LastName = 544545             LastName = 545546             LastName = 546547             LastName = 547548             LastName = 548549             LastName = 549550             LastName = 550551             LastName = 551552             LastName = 552553             LastName = 553554             LastName = 554557             LastName = 557559             LastName = 559562             LastName = 562563             LastName = 563564             LastName = 564565             LastName = 565566             LastName = 566609             LastName = 609928             LastName = 928930             LastName = 930932             LastName = 932935             LastName = 935936             LastName = 936938             LastName = 938950             LastName = 950951             LastName = 951958             LastName = 958959             LastName = 959962             LastName = 962981             LastName = 981982             LastName = 982990             LastName = 990


В IE 8 это происходит очень долго. Мы визуально видим как браузер пробегается по опциям при этом проматывая скролл. Решение 2. Пересоздание опций.

selectAll_method2 = function(selectBoxId, selected) {
    var selectBox = document.getElementById(selectBoxId);
    var optionsCopy = new Array();
    for (var i=0; i < selectBox.options.length; i++) {
        var option = selectBox.options[i];
        optionsCopy[i] = new Option(option.text,option.value,selected,selected);
    }
    selectBox.options.length = 0;
    for (var i=0; i < optionsCopy.length; i++) {
        selectBox.options[i] = optionsCopy[i];
    }
}

85              LastName = 8586              LastName = 8695              LastName = 95101             LastName = 101102             LastName = 102103             LastName = 103113             LastName = 113117             LastName = 117118             LastName = 118119             LastName = 119136             LastName = 136141             LastName = 141144             LastName = 144145             LastName = 145150             LastName = 150152             LastName = 152157             LastName = 157161             LastName = 161170             LastName = 170173             LastName = 173174             LastName = 174176             LastName = 176189             LastName = 189193             LastName = 193194             LastName = 194196             LastName = 196202             LastName = 202205             LastName = 205206             LastName = 206207             LastName = 207208             LastName = 208210             LastName = 210216             LastName = 216219             LastName = 219221             LastName = 221223             LastName = 223224             LastName = 224225             LastName = 225226             LastName = 226230             LastName = 230232             LastName = 232234             LastName = 234235             LastName = 235237             LastName = 237241             LastName = 241244             LastName = 244251             LastName = 251252             LastName = 252256             LastName = 256257             LastName = 257260             LastName = 260262             LastName = 262265             LastName = 265275             LastName = 275277             LastName = 277280             LastName = 280281             LastName = 281282             LastName = 282284             LastName = 284290             LastName = 290291             LastName = 291292             LastName = 292294             LastName = 294296             LastName = 296297             LastName = 297298             LastName = 298302             LastName = 302303             LastName = 303304             LastName = 304312             LastName = 312313             LastName = 313314             LastName = 314316             LastName = 316319             LastName = 319320             LastName = 320324             LastName = 324326             LastName = 326328             LastName = 328329             LastName = 329330             LastName = 330331             LastName = 331332             LastName = 332333             LastName = 333334             LastName = 334335             LastName = 335337             LastName = 337338             LastName = 338339             LastName = 339345             LastName = 345346             LastName = 346347             LastName = 347348             LastName = 348349             LastName = 349350             LastName = 350351             LastName = 351353             LastName = 353354             LastName = 354355             LastName = 355357             LastName = 357358             LastName = 358359             LastName = 359361             LastName = 361368             LastName = 368371             LastName = 371372             LastName = 372373             LastName = 373375             LastName = 375377             LastName = 377381             LastName = 381382             LastName = 382385             LastName = 385386             LastName = 386388             LastName = 388389             LastName = 389391             LastName = 391392             LastName = 392396             LastName = 396397             LastName = 397401             LastName = 401404             LastName = 404405             LastName = 405406             LastName = 406414             LastName = 414418             LastName = 418419             LastName = 419422             LastName = 422425             LastName = 425426             LastName = 426427             LastName = 427428             LastName = 428430             LastName = 430432             LastName = 432438             LastName = 438439             LastName = 439440             LastName = 440441             LastName = 441442             LastName = 442444             LastName = 444446             LastName = 446448             LastName = 448453             LastName = 453455             LastName = 455457             LastName = 457463             LastName = 463464             LastName = 464472             LastName = 472473             LastName = 473476             LastName = 476477             LastName = 477478             LastName = 478480             LastName = 480481             LastName = 481482             LastName = 482483             LastName = 483484             LastName = 484485             LastName = 485486             LastName = 486487             LastName = 487488             LastName = 488491             LastName = 491493             LastName = 493496             LastName = 496498             LastName = 498501             LastName = 501502             LastName = 502505             LastName = 505506             LastName = 506507             LastName = 507508             LastName = 508509             LastName = 509510             LastName = 510511             LastName = 511512             LastName = 512513             LastName = 513514             LastName = 514516             LastName = 516518             LastName = 518519             LastName = 519520             LastName = 520521             LastName = 521522             LastName = 522524             LastName = 524525             LastName = 525526             LastName = 526527             LastName = 527528             LastName = 528530             LastName = 530533             LastName = 533534             LastName = 534535             LastName = 535537             LastName = 537538             LastName = 538544             LastName = 544545             LastName = 545546             LastName = 546547             LastName = 547548             LastName = 548549             LastName = 549550             LastName = 550551             LastName = 551552             LastName = 552553             LastName = 553554             LastName = 554557             LastName = 557559             LastName = 559562             LastName = 562563             LastName = 563564             LastName = 564565             LastName = 565566             LastName = 566609             LastName = 609928             LastName = 928930             LastName = 930932             LastName = 932935             LastName = 935936             LastName = 936938             LastName = 938950             LastName = 950951             LastName = 951958             LastName = 958959             LastName = 959962             LastName = 962981             LastName = 981982             LastName = 982990             LastName = 990 85              LastName = 8586              LastName = 8695              LastName = 95101             LastName = 101102             LastName = 102103             LastName = 103113             LastName = 113117             LastName = 117118             LastName = 118119             LastName = 119136             LastName = 136141             LastName = 141144             LastName = 144145             LastName = 145150             LastName = 150152             LastName = 152157             LastName = 157161             LastName = 161170             LastName = 170173             LastName = 173174             LastName = 174176             LastName = 176189             LastName = 189193             LastName = 193194             LastName = 194196             LastName = 196202             LastName = 202205             LastName = 205206             LastName = 206207             LastName = 207208             LastName = 208210             LastName = 210216             LastName = 216219             LastName = 219221             LastName = 221223             LastName = 223224             LastName = 224225             LastName = 225226             LastName = 226230             LastName = 230232             LastName = 232234             LastName = 234235             LastName = 235237             LastName = 237241             LastName = 241244             LastName = 244251             LastName = 251252             LastName = 252256             LastName = 256257             LastName = 257260             LastName = 260262             LastName = 262265             LastName = 265275             LastName = 275277             LastName = 277280             LastName = 280281             LastName = 281282             LastName = 282284             LastName = 284290             LastName = 290291             LastName = 291292             LastName = 292294             LastName = 294296             LastName = 296297             LastName = 297298             LastName = 298302             LastName = 302303             LastName = 303304             LastName = 304312             LastName = 312313             LastName = 313314             LastName = 314316             LastName = 316319             LastName = 319320             LastName = 320324             LastName = 324326             LastName = 326328             LastName = 328329             LastName = 329330             LastName = 330331             LastName = 331332             LastName = 332333             LastName = 333334             LastName = 334335             LastName = 335337             LastName = 337338             LastName = 338339             LastName = 339345             LastName = 345346             LastName = 346347             LastName = 347348             LastName = 348349             LastName = 349350             LastName = 350351             LastName = 351353             LastName = 353354             LastName = 354355             LastName = 355357             LastName = 357358             LastName = 358359             LastName = 359361             LastName = 361368             LastName = 368371             LastName = 371372             LastName = 372373             LastName = 373375             LastName = 375377             LastName = 377381             LastName = 381382             LastName = 382385             LastName = 385386             LastName = 386388             LastName = 388389             LastName = 389391             LastName = 391392             LastName = 392396             LastName = 396397             LastName = 397401             LastName = 401404             LastName = 404405             LastName = 405406             LastName = 406414             LastName = 414418             LastName = 418419             LastName = 419422             LastName = 422425             LastName = 425426             LastName = 426427             LastName = 427428             LastName = 428430             LastName = 430432             LastName = 432438             LastName = 438439             LastName = 439440             LastName = 440441             LastName = 441442             LastName = 442444             LastName = 444446             LastName = 446448             LastName = 448453             LastName = 453455             LastName = 455457             LastName = 457463             LastName = 463464             LastName = 464472             LastName = 472473             LastName = 473476             LastName = 476477             LastName = 477478             LastName = 478480             LastName = 480481             LastName = 481482             LastName = 482483             LastName = 483484             LastName = 484485             LastName = 485486             LastName = 486487             LastName = 487488             LastName = 488491             LastName = 491493             LastName = 493496             LastName = 496498             LastName = 498501             LastName = 501502             LastName = 502505             LastName = 505506             LastName = 506507             LastName = 507508             LastName = 508509             LastName = 509510             LastName = 510511             LastName = 511512             LastName = 512513             LastName = 513514             LastName = 514516             LastName = 516518             LastName = 518519             LastName = 519520             LastName = 520521             LastName = 521522             LastName = 522524             LastName = 524525             LastName = 525526             LastName = 526527             LastName = 527528             LastName = 528530             LastName = 530533             LastName = 533534             LastName = 534535             LastName = 535537             LastName = 537538             LastName = 538544             LastName = 544545             LastName = 545546             LastName = 546547             LastName = 547548             LastName = 548549             LastName = 549550             LastName = 550551             LastName = 551552             LastName = 552553             LastName = 553554             LastName = 554557             LastName = 557559             LastName = 559562             LastName = 562563             LastName = 563564             LastName = 564565             LastName = 565566             LastName = 566609             LastName = 609928             LastName = 928930             LastName = 930932             LastName = 932935             LastName = 935936             LastName = 936938             LastName = 938950             LastName = 950951             LastName = 951958             LastName = 958959             LastName = 959962             LastName = 962981             LastName = 981982             LastName = 982990             LastName = 990


Странно, но пересоздание опций работает значительно быстрее. Сравним?

	IE 7	IE 8	FF 3.6	Chrome 4.1
Метод 1	900	1600	1170	7
Метод 2	270	300	460	450

Очевидно что в IE8 есть досадный баг связаный с выделением. Хром приятно порадовал.
Плюсы метода 2.
1. Почти везде быстрее, кроме хрома
2. Визуально приятнее так как селект бокс не прокручивается вниз.
Минусы метода 2.
1. Пересоздание не копируют свойства опций, например, class. При необходимости метод можна расширить, правда не известно как это отобразится на скорости его выполнения.
2. Пересоздание будет происходить всегда. В случае первого метода, если все опции уже выбраны метод исполняется быстро, так как менять состояние опций не приходится.
3. Снятие выделения методом 1 везде быстрее
4. Это хак.

Итого: для выделения юзаем метод 2, для снятия выделения - метод 1.