Fatal编程技术网
  • javascript/
  • Javascript 如何在单击Go按钮后停止重置选项

Javascript 如何在单击Go按钮后停止重置选项

javascript php jquery html

Javascript 如何在单击Go按钮后停止重置选项,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我无法将所选选项从重置为第一个选项。我尝试了e.preventDefault，但效果不好，因为它不允许我从其他PHP代码生成数据。有什么建议吗 <html> <head> <title>Class Roster Generation</title> <link rel = "stylesheet" href = "css/bootstrap.css"> <link rel = "stylesheet" href = "tbsty

我无法将所选选项从重置为第一个选项。我尝试了e.preventDefault，但效果不好，因为它不允许我从其他PHP代码生成数据。有什么建议吗

<html>
<head>
<title>Class Roster Generation</title>

<link rel = "stylesheet" href = "css/bootstrap.css">
<link rel = "stylesheet" href = "tbstyle.css">
<script src="js/jquery-1.9.1.js"></script>
<script>
$("#sbform").submit(function(event){
   loadAjax();
   event.preventDefault()
});
</script>
</head>
<body>
    <div class="container-fluid">
        <div class = "row">
            <div class = "col-md-6" style="background-color:#5BE848;">
                <div class="col-md-11">
                <center ><h4 class="label label-success"><span class="glyphicon glyphicon-record"></span>   Period</h4></center>
                <br>
                </div>
            <div class="form-group">
                <form method="post" action="ftable.php" id="sbform">
                <span class="label label-info">Start Year</span>
                <span  value="2010" class="label label-default">2010</span> 
            <input type="hidden" name="perd" value="2010"  style="width:50px;"  >
                <select name="seasonT" class="">
                    <option value="1" >First Semester</option></p>
                    <option value="2">Second Semester</option>
                </select>
                    <select name="DepT"><?php include "try.php";?></select>         

                    <input class="btn btn-primary" style="font-size:12px;" type="submit" value="Go" name="Gobtn" id="Gobtn">
                </form>
            </div>

            </div>
        </div>
        <?php include 'ftable.php'; ?>
    </div>


</body>
您的函数调用顺序错误。首先防止默认，然后执行所有其他操作：

$("#sbform").submit(function(event){
   event.preventDefault();
   loadAjax();

});
在调用loadAjax之前将option的值存储到变量中，并在调用之后更新option的值

让select使用name=seasent have class=select\u class，那么脚本如下所示：

$("#sbform").submit(function(event){
    event.preventDefault();
    var optionValue = $(".select_class").val();
    loadAjax();
    $(".select_class").val(optionValue).change();
});
您可以尝试以下代码：

<select name="seasonT">
    <option value="1" <?= !empty($_POST) && $_POST['seasonT'] == '1' ? 'selected' : '' ?>>First Semester</option></p>
    <option value="2" <?= !empty($_POST) && $_POST['seasonT'] == '2' ? 'selected' : '' ?>>Second Semester</option>
</select>
无论何时将表单提交回同一页面，上面提到的代码都会使select option标记保留在相同的select选项中。我很确定这段代码是有效的

你能详细说明一下你想做什么吗？我在我的选择元素中有两个选项，第一个是Sem，第二个是Sem，如果我要选择第二个Sem，然后单击Go/Submit按钮，所选的选项将变回第一个Sem，而不是我上次选择的第二个Sem。我们不知道loadAjax是做什么的。请提供一个我刚从网上看到的代码。所以我试过了，但它没有给我任何东西。真正的问题是每次我按下Go按钮。“选择”选项中应选择的项将变为默认项。一旦提交表单，它将加载整个页面并将数据发送到服务器，并且“选择”标记将重置为第一个选项。你想通过ajax发送数据吗？你能给我一个例子吗？optionValue从哪里来？optionValue是用户选择的值，比如optionValue=2，它指的是第二个学期。注意：未定义的索引：季节性-这就是我所得到的。我对代码做了一些修改。尝试修改后的一个，让我知道它是否有效。同样的事情发生了，未定义的索引。我可以知道你在页面的哪里得到未定义的索引错误吗？在$\u POST['Seast'行]