jQuery / javascript - 选择/更改值输入字段(ACF / WordPress)

时间:2017-12-19 11:46:30

标签: javascript jquery wordpress select advanced-custom-fields

长话短说,我在WordPress网站上有很多条件自定义字段,由于长度原因,我需要提取当前可见选择字段的值(即未设置为禁用)并将它们组合成单个(隐藏)输入字段,然后可以存储以供内部参考。

这一切都发生在WP站点的后端,并带有自定义的JS文件加载。

我远离JS专家,但已经设法与所需的结果非常接近,但是已经遇到需要首先选择的选择字段的障碍,然后进行了更改以填充虚拟对象(单个)字段,然后组合成单个输入字段。

可能我的整个逻辑是 WAY 关闭,但如果有人有任何实用的提示/指导,那将永远受到赞赏!

下面的代码与我尝试做的事情 - 基本上为每个可见的选择框添加一个动态类,然后当每个更新时,将其发送到单个文本字段(输入),最后,将所有单个文本字段合并为一个,作为内部参考 - 这是必要的,因为它是用户生成的内容网站,他们需要能够查看通过以下结构。

jQuery("#select_practice select").change(function() {

jQuery('#select_practice select:not(:disabled)').each(function(i){
jQuery(this).addClass('bacon_' + i);
});

jQuery("select.bacon_0").change(function() {
jQuery("#acf-field_5a38ee98b5ff7").val(jQuery(this).val());
});

jQuery("select.bacon_1").change(function() {
jQuery("#acf-field_5a38eeaab5ff8").val(jQuery(this).val());
});

jQuery("select.bacon_2").change(function() {
jQuery("#acf-field_5a38eeb6b5ff9").val(jQuery(this).val());
});

jQuery("select.bacon_3").change(function() {
jQuery("#acf-field_5a38eec6b5ffa").val(jQuery(this).val());
});

jQuery("#select_practice select").change(function() {

jQuery("#acf-field_5a38eecfb5ffb").val(jQuery("#acf-field_5a38ee98b5ff7").val() + " | " + jQuery("#acf-field_5a38eeaab5ff8").val() + " | " + jQuery("#acf-field_5a38eeb6b5ff9").val() + " | " + jQuery("#acf-field_5a38eec6b5ffa").val());

});

});

0 个答案:

没有答案