dialog box element in a form

[volant]

Dear all,

I found the element cannot be summitted with my parent form.
Sample:

<form action=post>
<input type=textbox name=txtOutsideDialog value="i am outside dialog">
<div id=this is a dialog box>
<input type=textbox name=txtInsideDialog value="i am inside dialog">
</div>
<input type=submit>
</form>

When I click the submit button, i only can receive following result:

POST = array(
"txtOutsideDialog" => "i am outside dialog"
)

I cannot get $_POST["txtInsideDialog"]

Is all dialog behalf like this? Or I've missed something in my coding?
Appreciate your help and comments.
Thanks!

[bradgrafelman]

First you should use valid HTML. For example, all attributes' values must be delimited by quotes (single or double), and there is no "textbox" type of INPUT element - perhaps you meant "text" instead?

Also, do a [man]print_r/man on the $_POST array after you've fixed all of your HTML errors.

[volant]

Dear bradgrafelman,

That is just a sample and sorry for the improper HTML code, because my main question is :
Can elements from a Dialog box passed through via a form if it is in a form?
Sample:

<form action=post>
<input type=textbox name=txtOutsideDialog value="i am outside dialog">
<div id=this is a dialog box>
<input type=textbox name=txtInsideDialog value="i am inside dialog">
</div>
<input type=submit>
</form>

My real code (i've removed the unnessary data):

<form name="form" action="xx" method=post id="form">
<table>
	<tr>
		<td class=Label>
			Phone Number *
		</td>
		<td class=Data>
			<input type=text id=4c4e7ecbe4a67 name=txtPhoneNum  maxlength=16>
		</td>
		</td>
	</tr>
	<tr>
		<td class=Label>
			GROUP LIST
		</td>
		<td class=Data>        

        <script language="JavaScript" type="text/javascript">
         $(function()
         {
            $("#dialog").dialog("destroy");

        $("#4c4e7ecbe5200").dialog({
            autoOpen: "1", 
            height: "350", 
            width: "300", 
            modal:""
        }); 

        $('#modgrouplist') 
            .click(function(){
                $('#4c4e7ecbe5200').dialog('open'); 
            }); 

     }); 
    </script>
    <div id="4c4e7ecbe5200" title="Modify Group List">
        <div style=" width:100%; height:220px;overflow-x:hidden;overflow-y:scroll;">
        <table class="TableList" width="100%">
          <tr>
            <td class=Data>
                <input type=checkbox name=chkGroupList[] id=chkGroupList  class=Data value="0" >
            </td>
            <td class=Data>
                Group 1
            </td>
          </tr>
          <tr>
            <td class=Data>
                <input type=checkbox name=chkGroupList[] id=chkGroupList  class=Data value="0" >
            </td>
            <td class=Data>
                Group 2
            </td>
          </tr>      
          </table>
        </div>
    </div>
  </td>
</tr>
<tr>
	<td colspan=5>
	<input type="button"   Name="btnSave" class=Button style="width:80px" value="Save" onClick="validate(this, form, 'save', '')"  target=_self>
    <input type="button"   Name="btnCancel" class=Button style="width:80px" value="Cancel" onClick="navigate(this, 'xxx')"  target=_self>
	</td>
</tr>
</table>
</form>
<input type="button" ID="modgrouplist" class=Button value="+/-"  target=_self>

[paulnaj]

There is no type of input called 'textbox' - only 'text' (as you have used later on).

You can also use a 'textarea' tag in a form.

[volant]

Sorry to confuse all. I've modified the code:

<form action=post>
<input type=text name=txtOutsideDialog value="i am outside dialog">
<div id="this_is_a_dialog_box">
 <input type=text name=txtInsideDialog value="i am inside dialog">
</div>
<input type=submit>
</form>

When I click the submit button, i only can receive following result:

POST = array(
"txtOutsideDialog" => "i am outside dialog"
)

I cannot get $_POST["txtInsideDialog"]

I use jquery to open the dialog box. Is all dialog behalf like this? Or I've missed something in my coding?
The dialog can pop out, but when i press the submit button, it wont pass the element (txtInsideDialog) in dialog..

Thanks everyone for the reply

[paulnaj]

First of all, you really need to tighten up the HTML and validate it (http://validator.w3.org/)- which means that any problems won't be because you forgot an atrribute, or didn't close a tag properly etc.

Then, test portions of your code separately. For example the following works perfectly...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Form</title>
</head>
<body>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
	<input type="text" name="txtOutsideDialog" value="i am outside dialog" />
	<div id="this_is_a_dialog_box">
		<input type="text" name="txtInsideDialog" value="i am inside dialog" />
	</div>
	<input type="submit" />
</form>
<hr />
<?php
echo '<pre>'; var_dump($_POST); echo '</pre>';
?>
</body>
</html>