0

ユーザーが名前などのドキュメントの詳細とともにドキュメントをアップロードできるアップロードフォームを作成しています。私が抱えている問題は、ユーザーが選択を使用してカテゴリを選択するときに、別の選択を生成する必要があることです。ユーザーはサブカテゴリを選択するオプション。以下を参照してください：-

 $(".department").change(function() {
    var url = "includes/get-categories.php"; // the script where you handle the form input.
    $.ajax({
       type: "POST",
       url: url,
       data: $("#upload-modal").serialize(), // serializes the form's elements.
       success: function(data){
            //this is where the select is generated
            $(".sub").html(data); // show response from the php script.
            //The alert works but the above line does not
            alert("yeahhhhhhhhhhhhhhh boi");
       }
     });

これで、選択が変更されると、get-categoriesから別の選択が生成され、ユーザーに別の選択ボックスが表示されるという点で、これは正常に機能します。ただし、何らかの理由で、ユーザーがフォームを送信し、フォーム内のエラーのリスト（空白のままのフィールドなど）が表示されると、カテゴリを選択しても選択ボックスが生成されなくなります。私は、次の行が機能しない理由について本当に混乱しているので、機能したアラートでコードをテストしました

$(".sub").html(data);

これがかなり標準的な私のフォームです

echo "<form enctype='multipart/form-data' action='".$_SERVER['PHP_SELF']."' method='POST' autocomplete='off' id='upload-modal'>"; 
echo '<fieldset>';
echo '<legend>Please fill in all the fields below:- </legend>';

echo '<label for="docname">Document name</label>';
echo '<input class="block" type="text" name="docname" id="docname" value="'.$_POST['docname'].'" />';

echo '<label for="version">Version (if left blank it will be entered as 1.0)</label>';
echo '<input class="block" type="text" name="version" id="version" value="'.$_POST['version'].'" />';

//We need to now give a drop down for the admin to select a department


    try {
        $conn = new PDO(DB_HOST,DB_USER,DB_PASS);
        $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
        $stmt = $conn->prepare('SELECT X FROM Y WHERE Z = :id');
        $stmt->execute(array('id' => A));
        while($row = $stmt->fetch()) {

     // if the user is an admin we provide them with the admin link
            if($row['admin_level']=="super" ||     $row['admin_level']=="admin" && $row['department']=="Assurance" ){
                echo '<select id="department" class="block department" name="department">';
                echo '<option value="0">department...</option>';
                echo '<option value="policies">Policies</option>';
                echo '<option value="procedures">Procedures</option>';
                echo '</select>';                   
            } 

            echo '<p class="sub"></p>';
        }
    } catch(PDOException $e) {
        echo 'ERROR: ' . $e->getMessage();
    }                   



echo '<label for="keywords">Enter keywords (seperate with ",")</label>';
echo '<textarea id="keywords block" name="keywords" rows="4" cols="50" value="'.$_POST['keywords'].'"></textarea> ';

echo '<label for="filename">Supported formats - .docx & .pdf</label>';
echo '<input type="file" name="filename" id="filename" title="Supported formats - .docx and .pdf" />';

echo '<input class="submit-ie6" type="submit" name="submit" value="Upload" id="upload-modal-submit" />';

echo '</fieldset>';
echo '</form>';

どんな助けでも最も喜ばれます

4

1 に答える 1

0

Firebugのようなツールを使用してみて、送信後に次の理由を確認してください。$（ "。sub"）。html（data）; 動作しません。その理由はおそらく、フォームを（エラー付きで）送信した後、次の理由によるものです。 

echo '<p class="sub"></p>';

そこにはない。

私は以下を提案します：
あなたの 

<p class="sub"></p>

try {}から、次のようなcssを使用します。 

<p class="sub" style="display:none;"></p>

したがって、ユーザーがカテゴリを選択したときに、2番目の選択ボックスを作成し、次のようにdisplay：noneをpから削除するだけです。 

$(".sub").html(data);  
$(".sub").show();
于 2013-01-23T16:04:48.650 に答える