Javascript 实时更新变量取决于表单选择
我目前有以下表格:Javascript 实时更新变量取决于表单选择,javascript,php,jquery,html,ajax,Javascript,Php,Jquery,Html,Ajax,我目前有以下表格: <form action="<?php echo $_SERVER['PHP_SELF'];?>" method="post"> <label for="categorie"> Tipul testului</label><br> <select name="categorie" class="selectpicker"> &
<form action="<?php echo $_SERVER['PHP_SELF'];?>" method="post">
<label for="categorie"> Tipul testului</label><br>
<select name="categorie" class="selectpicker">
<option value="1">Geometrie</option>
<option value="2">Algebră</option>
</select><br><br>
<label for="cerinta"><span class="glyphicon glyphicon-pencil"></span> Cerinţă</label>
<textarea type="text" class="form-control" id="cerinta" name="cerinta" placeholder="Cerinţă"></textarea>
<br>
<label for="rezolvare"><span class="glyphicon glyphicon-pencil"></span> Rezolvare</label>
<textarea type="text" class="form-control" id="rezolvare" name="rezolvare" placeholder="Rezolvare"></textarea>
<br>
<label for="nr_raspunsuri"><span class="glyphicon glyphicon-pencil"></span> Număr de raspunsuri</label>
<select class="selectpicker" name="nr_raspunsuri">
<option value="1">1</option>
<option value="2">2</option>
</select>
<br>
<table class="table">
<tr>
<td class="col-md-6">
<button type="submit" class="btn btn-success btn-block" name="btn-add"><span class="glyphicon glyphicon-off"></span> Adăugare</button>
</td>
<td class="col-md-6">
<input type = "reset" class="btn btn-danger btn-block " label="Resetare"/>
</td>
</tr>
</table>
</form>
我试图做的是根据用户的选择将名为$nr_raspunsuri的变量设置为1或2,而不刷新页面
例如,如果他在第二个选择字段中选择了2,我想设置变量$nr_raspunsuri=2,这样我就可以在php中用if在表单中显示更多的输入字段。我认为这只能通过AJAX来实现。这是真的吗?如果是,您将如何操作?在重新加载页面之前,您的If-in-php将不会再次运行。您可以通过使用javascript切换视图来实现这一点——当从第一个选择中选择值为1的选项时,隐藏不应该看到的元素,如果选择值为2的选项,则显示它。您可以使用事件来实现它。如果页面上已经有了动态输入字段,则可以使用纯javascript或J-Query。不需要Ajax调用。谷歌搜索选择元素的一次更改。或者,如果您想知道示例代码,请告诉我。