Jquery ui modal,在没有ajax的表单中传递变量

时间:2011-05-20 16:18:21

标签: jquery modal-dialog

您好我尝试使用jQuery模式框在php表单中发布一些数据

我的js

    $( "#dialog-form" ).dialog({
        autoOpen: false,
        height: 500,
        width: 650,
        modal: true,

        buttons: {
            Envoyer: function() {
                 $('form#leaveReq').submit();

             return true;

            },
            Ok: function() {
                $( this ).dialog( "close" );
            }
        }
    });

我的Html

我的html和php(我使用Code Igniter)

      <div id="dialog-form" title="Create new user">
     <?php $attributes = array('id' => 'leaveReq');
  echo form_open('school/parents/addevent', $attributes); ?>        
<p class="validateTips">Veillez remplire tous les champs</p> <br/> 


   <fieldset>
    <label for="name"><b>Date de l'évènement</b> </label> <br/> 
    <select id="message">
          <option>Volvo</option>
            <option>Saab</option>
            <option>Mercedes</option>
            <option>Audi</option>
           </select>        
    <label for="email">Nature du probleme</label> <br/>
        <select>
       <?php 
    foreach ($behaviours as $item):?>           
  <option><?=$item['name'];?></option>  

                 

              描述duprostlème
                 在W3Schools,您将找到所需的所有网络建设教程,从中                       

     echo $text = $this->input->post('text');
 echo $message = $this->input->post('message');

没什么可行的

3 个答案:

答案 0 :(得分:0)

  1. 使用ajax执行此操作。它很容易在codeigniter中完成。

  2. 将表单(+提交按钮)放在iframe中,并使用jquery-UI对话框包装iframe。无论如何,你需要张贴页面(否则你在ajax中做);

答案 1 :(得分:0)

所有代码都不在这里,所以我不确定,但首先要确保codeigniter中的所有帮助程序和库都已加载,即表单帮助程序。

此外,如果这是您的代码,那么您有一些问题:

  1. 在表单元素中,您需要一个“name”属性,以便post有一个键可以使用该值。现在你没有名为message的post元素只有一个名为message的ID。
  2. 您有名称标签,但没有名称字段
  3. 也许这只是一个快速的帖子,你把事情遗漏了,但如果不是,你需要重新阅读HTML表单的工作原理,如果我们没有所有相关的代码,基本上我们无法帮助你。

答案 2 :(得分:0)

寻找@BrandonS关于你的名字的内容

您需要将模态附加到表单中。试试这个:

open: function (type, data) {
            // include modal into form
            $(this).parent().appendTo($("form:first"));
        },