Question

I want to create a variable value by appending two different values without page reloading

Code:

{exp:safecracker channel="blending_log"  return="sthome/blending/ENTRY_ID"}
<h3>Select and enter data</h3>

{!--------Receive data to create value--------}
<input type="hidden" name="title" value="" />
<br /><br />
Organic Or Conventional:
{field:org_con}

Agent Number:
{field:agent_number}

{!-----END Receive data to create lot number-------}

field type Organic or conventional is a select box.
User can select O (Organic) OR C (Conventional)
Agent Number is a text field user enter something like 018.
As soon as user select O OR C from Organic or conventional
and entered Agent number it should append value in hidden field.

eg:

<input type="hidden" name="title" value="O018" />

OR

<input type="hidden" name="title" value="C018" />

This should happen without page reloading

I googled and tried some JavaScript and Ajax codes.
But never work.
Sorry, I am a JavaScript and Ajax Noob.

Any help please.

Answer 1

Easiest solution is to use SafeCracker’s dynamic_title parameter:

{exp:safecracker channel="blending_log" return="sthome/blending/ENTRY_ID" dynamic_title="[org_con][agent_number]"}

You can then remove your hidden “title” input.