2

我正在为一些我在页面中使用过无数次的 JavaScript 代码而苦苦挣扎，这些代码只是在我进行时进行调整。我遇到的问题是将部分表单元素 id 和页面中其他地方定义的字符串变量连接起来，以使我的 ajax 调用动态化。我正在使用以下代码，当元素被硬编码如下时，它工作得很好（仅适用于编码的项目而不是动态的，所以在测试后不好）

<script type="text/javascript">
function edttodo(str)
{
if (str=="")
{
document.getElementById("todoitemwr").innerHTML="";
return;
} 
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("todoitemwr(2)").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","todo/edt_todo.php?q="+str,true);
xmlhttp.send();
}
</script>

因此，您了解我对代码的动态方面的需求是什么，我进行了 mysql 查询，如下所示：

<?php 
            //Get Current To-Do Items

            //select database
            mysql_select_db("jbsrint", $con);
            //query users_dash_user
            $result1 = mysql_query("SELECT * FROM todo WHERE todo_user_id_fk= '".$_SESSION['user_id']."' AND todo_item_status='1'");

            while($row1 = mysql_fetch_array($result1))
            {                               
            echo"<div class=\"todoitemwr\" name=\"todoitemwr(". $row1['todo_id'] .")\" ID=\"todoitemwr(". $row1['todo_id'] .")\"><span class=\"todoitem\">" . $row1['todo_item'] . "</span><span class=\"rmv\" onclick=\"rmvtodo(". $row1['todo_id'] .")\" onmouseover=\"className='rmvon';\" onmouseout=\"className='rmv';\">X</span><img src=\"images/edit.png\" class=\"edt\" onclick=\"edttodo(". $row1['todo_id'] .")\"></img></div>";
            }
            ?>
            </div>

如您所见，div id 是根据已检索到的信息的 id 动态命名的。上面使用我的 ajax 代码是为了能够编辑原位检索到的文本，一旦更正/更改它就可以重新提交并更新该记录。

我确信这只是理解 JavaScript 如何要求我在 document.getElementById("todoitemwr(2)") 部分中组合文本和 str 值的一个案例。

像往常一样，非常感谢任何帮助。

艾伦。

4

1 回答 1

2

而不是使用id="todoitemwr(2)"write id="todoitemwr_2"。

这是因为 ID 属性中不允许使用大括号。

代码将变为：

document.getElementById('todoitemwr(' + str + ')')
于 2012-05-16T10:36:00.773 回答