使用javascript提交php弹出表单_Php_Javascript

使用javascript提交php弹出表单

php javascript

使用javascript提交php弹出表单,php,javascript,Php,Javascript,我有一个php弹出表单，由javascript打开。我想在我点击提交时将其发送到我的数据库。php表单在没有javascript的情况下可以正常工作，但添加javascript后就不起作用了。你知道怎么解决这个问题吗 </style> <script type='text/javascript'> $(document).ready(function() { $('#box_form').dialog({ autoOpen: false, hei

我有一个php弹出表单，由javascript打开。我想在我点击提交时将其发送到我的数据库。php表单在没有javascript的情况下可以正常工作，但添加javascript后就不起作用了。你知道怎么解决这个问题吗

 </style>
 <script type='text/javascript'>
 $(document).ready(function() {
  $('#box_form').dialog({
    autoOpen: false,
    height: 375,
    width: 350,
    modal: true,
    buttons: [
        {
        text: "Cancel",
        click: function() {
            $(this).dialog("close");
        }},
    {
        text: "Submit",
        click: function() {
            $('#former').submit();
        }}
    ]
});
$('#clicky').button().click(function(e){
    $('#box_form').dialog('open');
});
  });
    </script>
    </head>
   <body>
   <form id="former" method="post" action="film_post.php" name="former">
  <div id="box_form">
   <select id="option" name="option">
                    <option value="film">film</option>
                    <option value="livre">livre</option>
                    <option value="musique">musique</option>            
            </select></p>
    <p>
    <select id="star" name="star">
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option> 

            </select></p>
    <label for="nom">nom</label> :  <input type="text" name="nom" id="nom" /><br />

 </div>
 </form>
 <input type="button" id="clicky" value="Show Form">

显然，我还不能发布图片，所以这里有一个链接到我在下面的回答中提到的图片

我执行了您的代码，抓取了必要的脚本src标记，我假设您在实际代码中有这些标记，并发现了与您相同的问题。在查看了firebug控制台之后，正如jchapa所建议的那样，我发现了您可以在上面的图片中看到的内容

您正在使用的jquery ui以这样一种方式重写了您的from，即它不仅为您提供了那些冒泡的图形，而且还过早地终止了您的表单标记，如我在“”文本下面划线所示

我不知道你是怎么解决的，但这就是你的问题所在。您可以考虑在线查看如何在jQuery UI中设置窗体，或者您可以从对话框中创建自己的窗体。不过，不可否认的是，图形不会那么圆滑。

到底是什么不起作用？任何错误消息？您是否检查firebug控制台的js错误？通过HTML验证程序运行它。您的表单中有一个未打开的结束p标签。浏览器可能会不正确地呈现表单。试着先解决这个问题，也许你会更接近你的目标。很高兴看到你的PHP工作

  try
  {
$bdd = new PDO('mysql:host=localhost;dbname=website', 'root', 'root');
   }
  catch(Exception $e)
 {
    die('Erreur : '.$e->getMessage());
   }

    $option = $_POST['option'];
      $star = $_POST['star'];

    if ($option == film AND $star = 1) {
   $req = $bdd->prepare('INSERT INTO film (film, star) VALUES(?,?)');
     $req->execute(array($_POST['nom'],$_POST['star'] )); }

     elseif ($option == film AND $star = 2) {
    $req = $bdd->prepare('INSERT INTO film (film, star) VALUES(?,?)');
    $req->execute(array($_POST['nom'],$_POST['star'] )); }

     elseif ($option == film AND $star = 3) {
   req = $bdd->prepare('INSERT INTO film (film, star) VALUES(?,?)');
   $req->execute(array($_POST['nom'],$_POST['star'] )); }