Load stateId with iFrame API - How do I load a state Id dynamically using the Iframe API?

it's works when i put stateid directly, but don't works when put it like a variable.

there is my code

var configuration = { widgets: { FinishButton: { mode: "Disabled" } }};

var editorFrame = $("#editorFrame");

var editor = null;

function handleError(error, message) {

console.error(message, error);

return error;

};

var loadData = null;

var userId = "anonymous_1rxtizfpvjvcago0q2x5vgos";

var stateId = "5aed6517-4644-4ce1-aa2a-9b7d8a3e98e3";

//Loading a product into the editor.

//CustomersCanvas.IframeApi.loadEditor(editorFrame[0],'5aed6517-4644-4ce1-aa2a-9b7d8a3e98e3',{ userId: userId }) //works

CustomersCanvas.IframeApi.loadEditor(editorFrame[0],{ state: stateId },{ userId: userId }) // don't works

to load State id dynamically, i have created script able to

get a variable sent by a previous page by a php post méthod.

I wrote this line to get that variable in my actual page

<div id="stateid">

<P class="white"> <?php $text=$_POST['text'];

echo $text; ?></P>

</div>.

that's works fine

NOW

I need to affect the content of php variable to the StateId like this:

var stateId = $(" <?php echo $text;?>");

but it doesn't work. my editor don't lord

Can you help me?