0

私のプログラムに記入するフォームは 2 つあります。値フォームのドロップダウンリストを選択した後、各フォームを表示したいだけです。何度も挑戦しましたがうまくいきませんでした。私はあまりプログラミングをする人ではありません。また、ページをリロードした後もドロップダウン リストから選択した値を保持する必要があります。

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/を参照してください。

2 番目の解決策は、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 に答える