Javascript 使用（表）执行多选择列表的jquery程序时出现问题

请不要让它重复我有一个代码请参考，让我知道我哪里做错了你好，伙计们，我有一个程序，它处理多选列表，我在其中实现了这样的功能，用户可以添加或删除项目从左侧列表到右侧列表。这完全可以再次使用我添加了一个表，其中包含此代码的右侧选定列表值为： HTML：在此sourceHeaderFields中包含我们正在选择添加到sourceHeaderFields的列表

这些都没有工作，请帮助…如果你们需要更多的信息，请告诉我，我会给…我已经添加了一个网页界面的图片，请参考…thnx

使用下面的代码从表中逐个删除多行/所有行。

---

更改dly的值以增加/减少延迟

删除过程出现问题。我已经更新了代码

//下拉列表 $document.readyfunction{ 对于var i=1970；i 所选标题的默认值： 记录计数： 起始年份： 至年：

---

你会拉小提琴吗？@Kaushik我没有收到你的小提琴？为什么要用粗体输入？@snehilsingh你现在能检查一下吗？-@Kaushik thnx很多兄弟它工作了..thnx的答案，但它对我不工作反正我得到了我的答案，但如果更改你的第一行代码，它对我来说就可以了$+selectedValue1，defaultValuesTable.eachfunction{反正thnx..thnx对于解决方案，我想再问一件事，我想调用这个Html表，它在我的python代码中是defaultValuesTable，因为我已经编写了如下代码：TableHeaders=request.form.getdefaultValuesTable，我通过它的id调用它，但它不包含任何内容，它没有显示任何内容，它应该有一些文本值，比如Hi a你好，我不知道为什么如果可能的话请help@snehilsingh我不理解您的问题，即所选标题的默认值：当我们选择任何功能时，它将使用文本字段给出标题名称，现在我想在该文本字段上编写一些内容，并将其调用到我的python程序

<h2><strong>Select features from Seed data:</strong> </h2>
                <select id="sourceHeaderFields" name="sourceHeaderFields" multiple="multiple" 
                        style="width:210Px;height:150px;margin-left: 100px;">
                </select>
                <select id="sourceHeaderFields" name="targetHeaderFields" multiple="multiple" 
                        style="width:210Px; height:150px">
                </select>
            <br>
                <input type="button" id="leftall" value="<<" style="margin-left: 250px;"/>
                <input type="button" id="left" value="<" />
                <input type="button" id="right" value=">" />
                <input type="button" id="rightall" value=">>" />
            <br />
        <br></br> 

        <h2> <strong> Default Values for the Selected Headers: </strong> </h2>
            <table id="defaultValuesTable">
        </table>

$(function () { 

    function moveItems(origin, dest) {
        $(origin).find(':selected').appendTo(dest);
    }
$('#left').click(function () {
        selectedValue1 = $('#targetHeaderFields').remove(':selected').val()
        //console.log(selectedValue1);
        moveItems('#targetHeaderFields', '#sourceHeaderFields');

        $("#defaultValuesTable").remove().append("<tr id='"+selectedValue+"'><td>" 
                                        +selectedValue+"</td><td><input type='text'></tr>");

    });

    $('#right').on('click', function () {
        selectedValue = $('#sourceHeaderFields').find(':selected').val()
        console.log(selectedValue);
        moveItems('#sourceHeaderFields', '#targetHeaderFields');
        debugger;
        //Populate the table with the field
        $("#defaultValuesTable").append("<tr id='"+selectedValue+"'><td>" 
                                        +selectedValue+"</td><td><input type='text'></tr>");


    });

 $("#defaultValuesTable").remove().append("<tr id='"+selectedValue+"'><td>" 
                                        +selectedValue+"</td><td><input type='text'></tr>");

//$("#defaultValuesTable").remove(id="+selectedValue1+");
and
//$("#defaultValuesTable").children("tr").remove();
and
//$("#defaultValuesTable").remove().append(id="+selectedValue1+");

var i=0;
$('#defaultValuesTable tr').each(function() {    
    var dly=200;
    $(this).delay(i*dly).queue(function(){
        $(this).remove();
    });

    i++; 
});