Javascript 从标签获取Pardot占位符
嗯。我正在尝试从标签中提取文本,并将占位符插入到pardot表单中。此外,我们还使用了标签为select创建了一个类似占位符的显示选项。在我引入复选框和单选按钮之前,一切都进展顺利。Javascript 从标签获取Pardot占位符,javascript,forms,pardot,Javascript,Forms,Pardot,嗯。我正在尝试从标签中提取文本,并将占位符插入到pardot表单中。此外,我们还使用了标签为select创建了一个类似占位符的显示选项。在我引入复选框和单选按钮之前,一切都进展顺利。 有什么解决办法吗 为丑陋的html道歉:这是pardot在iframe中吐出的内容 提前谢谢 <form accept-charset="UTF-8" method="post" action="http://resources.tdinternational.com/l/545402/2018-06
有什么解决办法吗 为丑陋的html道歉:这是pardot在iframe中吐出的内容 提前谢谢
<form accept-charset="UTF-8" method="post" action="http://resources.tdinternational.com/l/545402/2018-06-20/3k6cs" class="form" id="pardot-form">
<p class="form-field name first_name pd-text required ">
<label class="field-label" for="545402_38895pi_545402_38895">Full Name</label>
<input type="text" name="545402_38895pi_545402_38895" id="545402_38895pi_545402_38895" value="" class="text" size="30" maxlength="40" onchange="">
</p>
<div id="error_for_545402_38895pi_545402_38895" style="display:none"></div>
<p class="form-field industry industry pd-select required ">
<label class="field-label" for="545402_38899pi_545402_38899">Industry</label>
<select name="545402_38899pi_545402_38899" id="545402_38899pi_545402_38899" class="select" onchange=""><option value="" selected="selected"></option>
<option value="307917">technology</option>
<option value="307919">compliance</option>
<option value="307921">training</option>
<option value="307923">observation</option>
</select>
</p>
<p class="form-field opted_out pd-checkbox required ">
<label class="field-label" for="545402_40627pi_545402_40627">Lorem Ipsum dolor</label>
<span class="value">
<span>
<input type="checkbox" name="545402_40627pi_545402_40627_345413" id="545402_40627pi_545402_40627_345413" value="345413" onchange="">
<label class="inline" for="545402_40627pi_545402_40627_345413">Lorem Ipsum</label>
</span>
</span>
</p>
<div id="error_for_545402_40627pi_545402_40627" style="display:none"></div>
<p class="form-field dropdown employees pd-radio required ">
<label class="field-label" for="545402_38901pi_545402_38901">Employees</label>
<span class="value">
<span class="" style="">
<input type="radio" name="545402_38901pi_545402_38901[]" id="545402_38901pi_545402_38901_307911_307911" value="307911" onchange="">
<label class="inline" for="545402_38901pi_545402_38901_307911_307911">5-10</label>
</span>
<span class="" style="">
<input type="radio" name="545402_38901pi_545402_38901[]" id="545402_38901pi_545402_38901_307913_307913" value="307913" onchange="">
<label class="inline" for="545402_38901pi_545402_38901_307913_307913">11-25</label>
</span>
<span class="" style="">
<input type="radio" name="545402_38901pi_545402_38901[]" id="545402_38901pi_545402_38901_307915_307915" value="307915" onchange="">
<label class="inline" for="545402_38901pi_545402_38901_307915_307915">26-50</label>
</span>
</span>
</p>
<div id="error_for_545402_38901pi_545402_38901" style="display:none"></div>
</form>
<script>
var labels = document.querySelectorAll("label");
var i = labels.length;
while (i--) {
var label = labels.item(i);
var text = label.textContent;
label.parentNode.classList.contains("required") && (text += " *");
var nextElement = label.nextElementSibling;
if (nextElement.tagName == 'SELECT') {
nextElement.options[0].text = text;
}
else {
nextElement.setAttribute("placeholder", text);
}
}
</script>
全名
工业
技术
顺从
训练
观察
同侧阴唇
乱数假文
员工
5-10
11-25
26-50
var标签=document.queryselectoral(“标签”);
var i=标签长度;
而(我--){
var标签=标签。项目(i);
var text=label.textContent;
label.parentNode.classList.contains(“必需”)&&(text+=“*”);
var nextElement=label.nextElementSibling;
如果(nextElement.tagName==“选择”){
nextElement.options[0]。text=text;
}
否则{
setAttribute(“占位符”,文本);
}
}
去过那里,就这么做了。试试这个脚本
无标题文件
全名
工业
技术
顺从
训练
观察
同侧阴唇
乱数假文
员工
5-10
11-25
26-50
var标签=document.queryselectoral(“p.pd-text标签,p.pd-select标签,p.pd-textarea标签”);
var i=标签长度;
而(我--){
var标签=标签。项目(i);
var text=label.textContent;
label.parentNode.classList.contains(“必需”)&&(text+=”);
var nextElement=label.nextElementSibling;
if(nextElement){
如果(nextElement.tagName==“选择”){
nextElement.options[0]。text=text;
}否则{
setAttribute(“占位符”,文本);
}
label.parentNode.removeChild(label);
}
}
var elements=document.querySelectorAll('.errors,.no label');
Array.prototype.forEach.call(元素,函数(el,i){
el.parentNode.removeChild(el);
});