[Resolved] adding javascript to custom field at dashboard

[Author]

Posts

[kelvinL-2]

Dear Sir/Madam,

I have a custom post with custom field, I want to build a button to generate a code to a custom field when creating a custom post from dashboard. is it possible to do?

Best regards,

Kelvin.

[Minesh Supporter Languages: English (English ) Timezone: Asia/Kolkata (GMT+05:30)]

Hello. Thank you for contacting the Toolset support.

I'm afraid that there is no such feature exists. You may have to write custom Javascript/jQuery code that could help you to achieve what you need. If you do not know how to do it, I suggest you to contact Javascript Pro who should help you on this custom requirement.

[kelvinL-2]

Dear Minesh,

Understood, I may write my own javascript to do, could you tell me how Toolset define the element's name from the dashboard? Is there any standard naming from Toolset?

Best regards,

Kelvin.

[Minesh Supporter Languages: English (English ) Timezone: Asia/Kolkata (GMT+05:30)]

If you look at the page source or try to Inspect the specific field, you will be able to see the information about the rendered element (field).

More info:
=> hidden link

[kelvinL-2]

Dear Minesh,

I know how to use the web inspector but I have no idea how Toolset name the element id, like

<div class="js-wpt-field-items">
			<div class="js-wpt-field-item wpt-field-item">
		<div id="post-textfield-7-1614689486-wrapper" class="form-item form-item-textfield wpt-form-item wpt-form-item-textfield">
<input type="text" id="post-textfield-7-1614689486" name="wpcf[score]" value="銀獎" class="wpt-form-textfield form-textfield textfield" data-wpt-type="textfield" data-wpt-id="wpcf-score" data-wpt-name="wpcf[score]"></div>
	</div>
</div>

the id post-textfield-7-1614689486 is being changed everytime, it can't be called by Javascript if I can't sure the name of the id.

Best regards,

Kelvin.

[Minesh Supporter Languages: English (English ) Timezone: Asia/Kolkata (GMT+05:30)]

Yes - that is true. You should not target the element ID but element name.

For example:

jQuery("input[name='wpcf[score]']").change(function(){
  /// your code
});

jQuery("select[name='wpcf[my-select-field-slug]']").change(function(){
  /// your code
});;