Javascript wordpress网站 if(jQuery(this.val()=“Third”){ jQuery(this.next().attr(“占位符”,“你做得对!”); }否则{ jQuery(this.next().attr(“占位符”,“占位符”); } } 请从表格1中选择第三个选项: 表格一 首选 第二选择 第三选择
发生了几件事。首先,删除Javascript wordpress网站 if(jQuery(this.val()=“Third”){ jQuery(this.next().attr(“占位符”,“你做得对!”); }否则{ jQuery(this.next().attr(“占位符”,“占位符”); } } 请从表格1中选择第三个选项: 表格一 首选 第二选择 第三选择,javascript,jquery,forms,onchange,Javascript,Jquery,Forms,Onchange,发生了几件事。首先,删除onClick事件(我们不是查找单击select的时间,而是查找它被更改的时间),而是使用jQuery的on方法。现在changep占位符可以访问此,它是实际更改的选择框 见下文: jQuery('select')。打开('change input',changep占位符); 函数changep占位符(){ //我必须使用jQuery而不是$,因为它在wordpress网站上 if(jQuery(this.val()=“Third”){ jQuery(this.next
onClick
事件(我们不是查找单击select
的时间,而是查找它被更改的时间),而是使用jQuery的on
方法。现在changep占位符
可以访问此
,它是实际更改的选择
框
见下文:
jQuery('select')。打开('change input',changep占位符);
函数changep占位符(){
//我必须使用jQuery而不是$,因为它在wordpress网站上
if(jQuery(this.val()=“Third”){
jQuery(this.next().attr(“占位符”,“你做得对!”);
}否则{
jQuery(this.next().attr(“占位符”,“占位符”);
}
}
请从表格1中选择第三个选项:
表格一
首选
第二选择
第三选择
发生了几件事。首先,删除onClick
事件(我们不是查找单击select
的时间,而是查找它被更改的时间),而是使用jQuery的on
方法。现在changep占位符
可以访问此
,它是实际更改的选择
框
见下文:
jQuery('select')。打开('change input',changep占位符);
函数changep占位符(){
//我必须使用jQuery而不是$,因为它在wordpress网站上
if(jQuery(this.val()=“Third”){
jQuery(this.next().attr(“占位符”,“你做得对!”);
}否则{
jQuery(this.next().attr(“占位符”,“占位符”);
}
}
请从表格1中选择第三个选项:
表格一
首选
第二选择
第三选择
发生了几件事。首先,删除onClick
事件(我们不是查找单击select
的时间,而是查找它被更改的时间),而是使用jQuery的on
方法。现在changep占位符
可以访问此
,它是实际更改的选择
框
见下文:
jQuery('select')。打开('change input',changep占位符);
函数changep占位符(){
//我必须使用jQuery而不是$,因为它在wordpress网站上
if(jQuery(this.val()=“Third”){
jQuery(this.next().attr(“占位符”,“你做得对!”);
}否则{
jQuery(this.next().attr(“占位符”,“占位符”);
}
}
请从表格1中选择第三个选项:
表格一
首选
第二选择
第三选择
对于您的具体情况,我将不涉及源代码,而是在脚本中定义所有功能。将onlick
事件内联设置不是一个好主意,脚本不应与内容一起使用
我编写此脚本时考虑到您的select
和input
标记不必是同级标记,唯一的条件是它们都属于相同的形式:
/*这样您就可以在Wordpress中使用$*/
(函数($){
$('select')。关于('change',函数(e){
var thisSelect=$(此);
var thisSelectValue=thisSelect.val();
var thisInput=thisSelect.closest('form').find('input[id^=myInput]');
如果(thisSelectValue=='Third'){
thisInput.attr(“占位符”,“你做得对!”);
}否则{
thisInput.attr(“占位符”,“占位符”);
}
});
}(jQuery))代码>
p{
最大宽度:500px;
}
请从表格1中选择第三个选项:
表格一
首选
第二选择
第三选择
表格二
首选
第二选择
第三选择
表格三
首选
第二选择
第三选择
对于您的具体情况,我将不涉及源代码,而是在脚本中定义所有功能。将onlick
事件内联设置不是一个好主意,脚本不应与内容一起使用
我编写此脚本时考虑到您的select
和input
标记不必是同级标记,唯一的条件是它们都属于相同的形式:
/*这样您就可以在Wordpress中使用$*/
(函数($){
$('select')。关于('change',函数(e){
var thisSelect=$(此);
var thisSelectValue=thisSelect.val();
var thisInput=thisSelect.closest('form').find('input[id^=myInput]');
如果(thisSelectValue=='Third'){
thisInput.attr(“占位符”,“你做得对!”);
}否则{
thisInput.attr(“占位符”,“占位符”);
}
});
}(jQuery))代码>
p{
最大宽度:500px;
}
请从表格1中选择第三个选项:
表格一
首选
第二选择
第三选择
表格二
首选
第二选择
第三选择
表格三
首选
第二选择
第三选择
对于您的具体情况,我将不涉及源代码,而是在脚本中定义所有功能。将onlick
事件内联设置不是一个好主意,脚本不应与内容一起使用
我编写此脚本时考虑到您的select
和input
标记不必是同级标记,唯一的条件是两者都属于sa
<form id="form1">
<select id="mySelect1" onClick="changePlaceHolder('#mySelect1','#myInput1')">
<option value='-1'>Form 1</option>
<option value='First'>First Choice</option>
<option value='Second'>Second Choice</option>
<option value='Third'>Third Choice</option>
</select>
<input id="myInput1" type="text" placeholder="Form 1"></input>
<input class="dontChangeME" type="text" placeholder="Don't Change This One!"></input>
</form>
onclick="changePlaceHolder(this,'#myInput1');"
function changePlaceHolder(dropdown, element) {
if (jQuery(dropdown).val() == "Third") {
jQuery(element).attr('placeholder', 'You did it correctly!');
} else {
jQuery(element).at}tr('placeholder', '');
}
}