[Resolved] Javascript modified when saving CRED form

[Author]

Posts

[samB-3]

I am trying to add a place holder to my select field in a CRED form. The following code:

jQuery("select[name='category[]']").prepend('<option value="selectCategory">-- Select Category --</option>');
jQuery("select[name='category[]']")[0].selectedIndex = 0;

jQuery("select[name='country[]']").prepend('<option value="selectCountry">-- Select Country --</option>');
jQuery("select[name='country[]']")[0].selectedIndex = 0;

But when I save the CRED form it gets changed to this:

jQuery("select[name='category[]']").prepend('-- Select Category --');
jQuery("select[name='category[]']")[0].selectedIndex = 0;
 
jQuery("select[name='country[]']").prepend('-- Select Country --');
jQuery("select[name='country[]']")[0].selectedIndex = 0;

This works fine in CRED 1.2.5 however every version since then has had the issue described below. I even posted before and was sent a dev version that fixed it but it doesn't seem like it was ever incorporated into a final version as I just tried upgrading to 1.4.2.2 and it has the same issue. Here's my previous post:

https://toolset.com/forums/topic/javascript-modified-when-saving-cred-form/

Thanks for helping me figure this out.

[Luo Yang]

Dear sam,

Thanks for the details, CRED is using wordpress function wp_kses_allowed_html to setup allowed tags and attributes, in your case, HTML tag "options" is not in the white list, please try add below codes in your theme/functions.php:

add_filter('wp_kses_allowed_html', 'add_tag_func');
function add_tag_func($tags){
	$tags['option']['value'] = 1;
	return $tags;
}

More help:
http://codex.wordpress.org/Function_Reference/wp_kses_allowed_html

[samB-3]

Thanks, Luoy. Spot on as usual.