将 document.getElementById 定位到子模板

Targeting document.getElementById to sub templates?

本文关键字：定位 document getElementById      更新时间：2023-09-26

我无法解锁表单中的某些字段。我有一个 javascript 文件，它适用于某些页面，但不适用于其他页面。

我正在使用document.getElementById来定位表单字段，以根据某些输入禁用或启用它们。它在一个页面上工作正常，但在另一个页面上不能。我已经仔细检查了我所有的ID，它们是正确的。这是javascript：

var pass2 = document.getElementById("password").value;
     if (pass1 == pass2) {
            //start profile
            document.getElementById("premium-text").innerHTML = "Congratulations! You have unlocked the premium fields!";
            document.getElementById("premium").style.background = "#d1fdd3";
            document.getElementById("premium").style.borderColor = "#019408";
             document.getElementById("description").disabled = false; 
             document.getElementById("fax-number").disabled = false;
             document.getElementById("facebook-url").disabled = false;
             document.getElementById("twitter-url").disabled = false;
             document.getElementById("google-plus-url").disabled = false;
             document.getElementById("linkedin-url").disabled = false;
             document.getElementById("type").disabled = false;
             document.getElementById("city").disabled = false;
             document.getElementById("status").disabled = false;
             document.getElementById("price").disabled = false;
             document.getElementById("bedrooms").disabled = false;
             document.getElementById("bathrooms").disabled = false;
             document.getElementById("size").disabled = false;
             document.getElementById("property-id").disabled = false;
             document.getElementById("video-url").disabled = false;
             document.getElementById("featured").disabled = false;

页面中唯一的区别是，一个页面在模板中具有表单字段(表单ID直接在edit-profile.php中(，而另一个页面从包含ID的子模板中提取表单字段(submit-property.php从子模板中提取表单字段partials/templates/submit-form.php(。

我需要执行哪些操作来定位从子模板拉入的字段？id被拉入页面源代码，所以我认为document.getElementById可以正常工作，但不是出于某种原因。

在此页面上，

javascript正在运行，但在此页面上不起作用。您必须创建一个帐户才能访问这些页面。用户test1，传递testpass。

解锁表单域的密码QuL7eD

确保您没有相同的多个 ID。如果你能发布你的代码，我将能够更好地帮助你。

我将Javascript分成两个单独的文件，这似乎有效。我只能假设这与每个页面上都有不同的字段 ID 这一事实有关，当 document.getElementById 运行时并且没有找到所有 ID(因为有些在不同的页面上(，这就是它不起作用的原因。

相关文章：