使用javascript替换表单占位符文本-表单不在页面上

我正在尝试使用javascript替换表单占位符文本。 示例页：

我们希望将“输入有效电话号码”替换为实际号码。问题是，表单正在从另一台服务器拉入，这很复杂，我们无法更改该服务器上的源文件。我已经成功地交换了示例表单（页面底部）上的占位符，但是javascript对顶部表单没有影响。关于我们如何瞄准该领域有什么想法吗

<script type="text/javascript"> 
    $(document).ready(function(){ 
         $('form').find("input[type=tel], tel").each(function(ev)
         {
            if(!$(this).val()) {  
             $("#dstnumber").attr("placeholder", "(555) 555-5555").val("").focus().blur();
         }
         });
    });
    

$（文档）.ready（函数（）{
$（'form'）。查找（“input[type=tel]，tel”）。每个（函数（ev）
{
如果（！$（this.val（））{
$（“#dstnumber”）.attr（“占位符”，“（555）555-5555”）.val（“”.focus（）.blur（）；
}
});
});

---

任何帮助都将不胜感激。

它似乎是动态加载的，这就是为什么在$（文档）中找不到它。就绪

您应该能够使用此函数以top表单为目标

---

它似乎是动态加载的，这就是为什么在$（document）.ready中找不到它的原因

您应该能够使用此函数以top表单为目标

---

你是如何获得“顶级”表格的？当javascript被执行时，它已经存在了吗？你是如何得到“top”表单的？在执行javascript时它已经存在了吗？我尝试添加document.querySelector（'input[type=tel'）。placeholder=“（555）555-5555”；在//work the magic部分，什么都没有发生。我还尝试了这个文档。getElementById（“dstnumber”）.placeholder=“（555）555-5555”；像这样试试看。：）var选择器=jQuery（'#dstnumber'）；waitForEl（选择器，函数（）{//将在元素存在时运行console.log（选择器）；}）；我很感激你的帮助，但还是什么也没做。我将把定制信息555-5555放在哪里？我在这里输入了您的代码，我尝试添加document.querySelector（'input[type=tel]'）。placeholder=“（555）555-5555”；在//work the magic部分，什么都没有发生。我还尝试了这个文档。getElementById（“dstnumber”）.placeholder=“（555）555-5555”；像这样试试看。：）var选择器=jQuery（'#dstnumber'）；waitForEl（选择器，函数（）{//将在元素存在时运行console.log（选择器）；}）；我很感激你的帮助，但还是什么也没做。我将把定制信息555-5555放在哪里？我在这里输入你的代码

var waitForEl = function(selector, callback) {
  if (jQuery(selector).length) {
    callback();
  } else {
    setTimeout(function() {
      waitForEl(selector, callback);
    }, 100);
  }
};

var selector = jQuery('#dstnumber'); 

waitForEl(selector, function() { 
  // Will run when the element exists 
  jQuery(selector).attr("placeholder", "(555) 555-55551111").val("").focus().blur();
});