Question

我是PHP和jQuery的新手。我正在创建一个在线注册系统。该系统的功能之一是，如果学生的学时超过20小时，则可以通过分别单击“添加”和“拖放”按钮来逐一添加和删除主题。

我尝试了一些jQuery和PHP。

jQuery：

$(document).ready(function(){
$("#add").click(function(){
$("#subjects").append('<br><br>Select Subjects(s):
<select><option value="blank"></option><option value="subject1">
Analysis and Design of Information Systems</option>
<option value="subject2">Data Communications and
Networking</option><option value="subject3">Database Development and
Applications</option><option value="subject4">Database
Systems</option><option value="subject5">DiscreteMathematics</option>
</select><br><br>Section:<select><option>Y1</option></select>');    
}); 

$("#drop").click(function(){
$("#subjects").hide(function(){
    });
});
});

但是上面的JavaScript脚本的问题是，当我单击“添加”时，许多选择框被添加到默认选择框的下面。当我单击“拖放”时，所有选择框（包括默认框）都消失了。

基本PHP代码：

echo "Select Subject(s): ";
echo "<select name=subject>";
echo "<option></option>";
echo "<option>Analysis and Design of Information Systems</option>";
echo "<option>Data Communications and Networking</option>";
echo "<option>Database Development and Applications</option>";
echo "<option>Database Systems</option>";
echo "<option>Discrete Mathematics</option>";
echo "</select>";
echo "<br><br>";
echo "Select Section: ";
echo "<select name=section>";
echo "<option>Y1</option>";
echo "</select>";
echo "<br><br>";
echo "<form action='' method='post'><input type='submit'
name='add_button' value='Add' /> <input type='submit' name='drop_button'
value='Drop' /></form>";

PHP：

if(isset($_POST['add_button'])){
echo "Select Subject(s): ";
echo "<select name=subject>";
echo "<option></option>";
echo "<option>Analysis and Design of Information Systems</option>";
echo "<option>Data Communications and Networking</option>";
echo "<option>Database Development and Applications</option>";
echo "<option>Database Systems</option>";
echo "<option>D iscrete Mathematics</option>";
echo "</select>";
echo "<br><br>";
echo "Select Section: ";
echo "<select name=section>";
echo "<option>Y1</option>";
echo "</select>";
echo "<br><br>";
echo "<form action='' method='post'><input type='submit' name='add_button' value='Add' /> <input type='submit' name='drop_button' value='Drop' /></form>";
}

通过使用上述PHP代码，主题的选择得到改善。如果用户要添加主题，请单击“添加”按钮，然后将在默认框下显示一个新的选择框。当他/他单击“拖放”按钮时，只有一个新的选择框消失了。但是选择框的添加仅出现一次。无论单击“添加”按钮有多少点击，都只会显示一个选择框。

预期结果是：

每次用户单击“添加”按钮时，都会显示一个新的主题选择。每次用户单击“拖放”按钮时，都会删除所选的主题。

我可以知道我的预期结果有什么解决方案吗？预先谢谢你。

学生单击“添加” /“拖放”按钮时如何添加/删除主题？

0 个答案: