1

我有这个代码：

这是 addOptions 函数

<script>
var values = <?php
$sql="SELECT * FROM billing_sagenominalcodes order by code ASC";
$rs=mysql_query($sql,$conn) or die(mysql_error());
$nominalcodes = array();
while($result=mysql_fetch_assoc($rs))
{
    $nominalcodes[] = $result['code'];
}
echo json_encode($nominalcodes);
?>;
var names = <?php
$sql="SELECT * FROM billing_sagenominalcodes order by code ASC";
$rs=mysql_query($sql,$conn) or die(mysql_error());
$nominalcodesname = array();
while($result=mysql_fetch_assoc($rs))
{
    $nominalcodesname[] = $result['code'] . ' - ' . $result['name'];
}
echo json_encode($nominalcodesname);
?>;
function addOptions(select, values)
{
    for (var i=0, iLen=values.length; i<iLen; i++)
    {
        select.appendChild(new Option(names[i],values[i]));
     }
}
</script>

然后添加行功能

<script language="javascript" type="text/javascript">
var i=1;
function addRow()
{
          var tbl = document.getElementById('table1');
          var lastRow = tbl.rows.length;
          var iteration = lastRow - 1;
          var row = tbl.insertRow(lastRow);

          var sagenominalcodeCell = row.insertCell(3);
          var elSageNominalCode = document.createElement('select');
          elSageNominalCode.type = 'select';
          elSageNominalCode.name = 'sagenominalcode' + i;
          elSageNominalCode.id = 'sagenominalcode' + i;
          sagenominalcodeCell.appendChild(elSageNominalCode);
 i++;
 }
 </script>

然后是 HTML

<select name="sagenominalcode" id="sagenominalcode">
        <script>addOptions(document.getElementById('sagenominalcode'), values);</script>
        </select>
            <input type="button" value="Add" onclick="addRow();" />

它可以添加新行，但没有使用 addOptions 函数填充选择菜单。

一旦动态创建了新的行/选择菜单，是否有任何方法让它运行该函数，然后在调用 addRow 函数时创建的所有其他菜单都相同？

4

1 回答 1

1

所以，多读一点你的代码，我看到你有

new Option(names[i],values[i])

我的问题是new Option返回什么？我在您的问题中的任何地方都没有看到它的代码。查看 appendChild 的规范： https ://developer.mozilla.org/en-US/docs/DOM/Node.appendChild

它需要element传入。您要做的是使用如下createElement()函数创建一个新元素：

var option = document.createElement("option");

然后将内部 html 编辑为您需要的内容，如下所示：

option.innerHTML = "你的选项内容在这里";

然后将元素传递给 append 子函数：

appendChild（选项）；

在这里使用 jQuery 而不是直接的 js。我敢打赌，您的点击监听器仅绑定到页面创建时出现的项目。如果您通过 jQuery 设置侦听器，那么它甚至会在动态添加的组件上触发。

同样从代码结构的角度来看，用 php 编写 js 时要非常小心。尽管听起来很有趣（就像在高中吸毒一样），但它是危险的、令人沮丧的，并且会导致无法测试的代码（就像在高中吸毒一样）。

于 2013-03-21T01:21:30.877 回答