0

在我的程序中有两个表格要填写。我只想在选择值表单下拉列表后显示每个表单。我尝试了很多次，但都没有成功。我不是一个编程的人。即使在重新加载页面后，我也需要从下拉列表中选择的值保持不变。因此，如果有人可以帮助我使用 php、javascript 或 jquery 解决这个问题，我会很高兴。

4

3 回答 3

0

您的一些代码会有所帮助。但也许这会为您指明正确的方向（这使用 jQuery）：

<select name="formType" id="formType">
    <option value="Type A">Type A</option>
    <option value="Type B">Type B</option>
</select>
...
<form id="formA">
    ...
</form>
<form id="formB">
    ...
</form>

<script type="text/javascript">
$(function() {//on document load
    $('#formA').hide();
    $('#formB').hide();
    $('#formType').change(function(){
        showForm($(this).val());
    });

});

function showForm(myFormType){
    if(myFormType == 'Type A'){
        $('#formA').show();
    }
    else{
        $('#formB').show();
    }
}
</script>
于 2013-10-11T04:08:19.587 回答
0

解决方案取决于您是否要在页面上同时显示两种表单，并且显示的表单将根据选择而改变，或者您是否希望页面重新加载显示正确的表单。

第一个解决方案是简单的 Javascript（在这种情况下是 jQuery）：

$(document).ready(function () {
    $('.group').hide();
    $('#option1').show();
    $('#selectMe').change(function () {
        $('.group').hide();
        $('#'+$(this).val()).show();
    })
});

有关完整示例，请参见http://jsfiddle.net/eYzSb/。

第二种解决方案可以使用 Ajax 或 PHP 完成，我稍后会更新这个答案。

于 2013-10-11T04:10:23.987 回答
0 
<select>
<option value="" selected="selected"></option>
<option value="form_1">Form 1</option>
<option value="form_2">Form 2</option>
<option value="form_3">Form 3</option>
</select>

<form name="form_1" id="form_1" style="display:none">
<input type="text" value="1">
</form>

<form name="form_2" id="form_2" style="display:none">
<input type="text" value="2">
</form>

<form name="form_3" id="form_3" style="display:none">
<input type="text" value="3">
</form>

JS：

$("select").on("change", function() {    
    $("#" + $(this).val()).show().siblings().hide();
});

演示

于 2013-10-11T04:10:52.143 回答