javascript - 创建动态 <div> 并使用编辑 jQuery

Question

我这里有问题。此代码创建一个动态 div:

for (var i = 0; i < number; i++) {
            $('#konf-select-mech').append('<div class="ksm-box"><table><tr><td width="111" class="ksmbt-r1"><span>Otvor '+ pocitadlo++ +':</span></td><td><select class="select-menu1"><option>Vyber mechanizmus</option><option value="Vypinac">Vypínač</option><option value="Zasuvka">Zásuvka</option></select></td><td width="106"><img src="./images/konfsipka.png" alt="" /></td><td><select class="select-menu2"></select></td></tr></table></div>');
        }

我可以使用 javascript 编辑它:

$('.select-menu1').live('click', function() {
        var selectx = $(this).val();
        if(selectx == "Vypínač") {
            $(this).parent().parent().find('.select-menu2 option').remove();
            $(this).parent().parent().find('.select-menu2').append('<option value="Jednopackovy">Jednopáčkový</option><option value="Krizovy">Krížový</option><option value="Dvojpackovy">Dvojpáčkový</option><option value="Tlacitko">Tlačítko</option><option value="Stmievac">Stmievač</option>');
        }
        else if (selectx == "Zásuvka") {
            $(this).parent().parent().find('.select-menu2 option').remove();
            $(this).parent().parent().find('.select-menu2').append('<option value="Zasuvka230V">Zásuvka 230V</option><option value="ZasuvkaTVRD">Zásuvka TV+RD</option><option value="ZasuvkaTVRDSAT">Zásuvka TV+RD+SAT</option><option value="DatZasuvJedFTP">Dátová zásuvka jednoduchá FTP cat6</option><option value="DatZasuvDvojFTP">Dátová zásuvka dvojitá FTP cat6</option><option value="TelZasuvJedRJ11">Telefónna zásuvka jednoduchá RJ11</option>');
        }
        else if (selectx == "Vyber mechanizmus") {
            return false;
        }
    });

但它没有按预期工作。不知道出了什么问题。有人可以帮我吗？

谢谢。

Answer 1

不要使用.live()。使用.on() 。另外，将选择器更改为 $('.select-menu1 option')。