0

好吧，我知道我需要做什么......我只是不知道怎么写。基本上，我有一个带有类别表的父页面（比如说颜色、数字、字母）。这些类别是表格之父。儿子分别是red、blue、56、72、abc、def等。我弹出了一个带有下拉菜单的 nyroModal 对话框，用于向该表添加新行。我成功地添加了新行，在单击我的保存按钮时将正确的下拉值添加到父表中，但不在正确的“父亲”下。他们只是添加到表格的末尾。弹出窗口中的下拉菜单之一包含父类别的选项（select name="chooseFather"），这是我无法弄清楚如何传递的唯一值。

<select name="chooseFather">
<option value="Colors" id="father3">Colors</option>
<option value="Numbers" id="father4">Numbers</option>
<option value="Letters" id="father5">Letters</option>
</select>

每个父下拉值都有一个单独的 id，与父行的 id 匹配。我需要一个动态版本的东西$(“#parentId”).children().add(your new children)来捕获选择的下拉值，并将正确的子值放在表的相应部分。这是我的保存按钮的代码，它将我的值传输到父表/页面。

("img.save").click(function () {            

            for(var j=0;j<document.getElementsByName("shoreInfo").length;j++) {
                parent.updateParent1(document.getElementsByName("select1").item(j).value + '&nbsp;' +
                                     document.getElementsByName("text1").item(j).value + '&nbsp; - ' +
                                     document.getElementsByName("select2").item(j).value,
                                     document.getElementsByName("chooseFather").item(j).value);

            }
            parent.$.nmTop().close();
        });
4

1 回答 1

1

如果您要对 html 进行如下模块化：

<div class="widget_group">    
    <h3>Colors</h3>
    <table id="Colors"></table>
</div>

<div class="widget_group">    
    <h3>Numbers</h3>
    <table id="Numbers"></table>
</div>

然后，您可以使用第一个选择的值来定位所需的表 ID。

另请注意，将 ID 添加到要访问的重要元素可以简化代码

<select  value="3" id="chooseFather">

使用 jQuery 添加行：

$("img.save").click(function () {
    if( !validateSelections()){
        alert('select one of each');
        return;
    }

    /* note that ID attribute was added to each "select"*/
   var tableID= $('#chooseFather').val();
    var newRow='<tr><td>'+$('#select1').val()+'</td><td>'+$('#select2').val()+'</td></tr>';

    $('#'+ tableID).append( newRow)

});


function validateSelections(){
    return $('#chooseFather').val() && $('#select1').val() && $('#select2').val();
}

演示：http: //jsfiddle.net/xXeGx/1/

也不推荐使用字体标签，而是使用添加到元素和 css 的类

于 2013-01-21T15:56:04.360 回答