0

ドロップダウン リスト ボックスから選択したオプションに基づいて、多数のテキスト ボックスをフォームに表示したいと考えています。

たとえば、ユーザーが 1 を選択すると 1 つのテキストボックスが表示され、ユーザーが 2 を選択すると 2 つのテキストボックスが表示されます。そして、PHPでそれを行う必要があります。

jQueryを使用していくつかの答えを見つけました。PHP内でjQueryを使用できますか? はいの場合、どのように？

編集

@Edwin Alexこれは、私の選択オプションがどのように見えるかです。

<h2><u>DEPENDENT DETAILS</u></h2><br />
            <table  border="1" style="border-style:dotted" width="100%" id="dependenttable">
            <tr><td>No of Dependent</td><td><select name="numDep" id="dropdown">
                <option value="">Please Select</option>
                <option value="0">0</option>
                <option value="1">1</option>
                <option value="2">2</option></select></td></tr>

            <tr id="textboxDiv"></tr>

<> これらの中のファイルの最後に、私はあなたのコードを書きました。

4

2 に答える 2

2

Jquery を使用してこれを取得できます。これを試して、

HTML :

<tr><td>No of Dependent</td><td><select name="numDep" id="dropdown">
    <option value="">Please Select</option>
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option></select></td>
</tr>

<tr id="textboxDiv"></tr>

Jクエリ：

<script type="text/javascript">
$(document).ready(function() {
    $("#dropdown").change(function() {
        var selVal = $(this).val();
        $("#textboxDiv").html('');
        if(selVal > 0) {
            for(var i = 1; i<= selVal; i++) {
                $("#textboxDiv").append('<input type="text" name="textVal[]" value="" />');
            }
        }
    });
});
</script>

タグ内のページの下部にこのコードを貼り付けます。

あなたのセレクトボックスIDはdropdown.

textboxDiv生成されたテキストボックスを配置するには、ID を持つ div が必要です。

于 2013-01-31T09:27:39.133 に答える
0

JavaScriptを使えば簡単にできると思います。これがその例です。試してみて、要件に応じて変更してください

<html>
<head>
<title>Select DIV to show</title>
<script type="text/javascript">
function show(obj) {
no = obj.options[obj.selectedIndex].value;
count = obj.options.length;
for(i=1;i<count;i++)
document.getElementById('myDiv'+i).style.display = 'none';
if(no>0)
document.getElementById('myDiv'+no).style.display = 'block';
}
</script>
</head>
<body>
<form name="myForm">
<select onChange="show(this)">
<option value="0">Select</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
</form>
<div id="myDiv1" style="display:none"> <form>
<select>
<option value="0">Select</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
</form></div>
<div id="myDiv2" style="display:none"><form><input type="text" ><br>
<input type="text"/><br>
<input type="submit"/></form></div>
<div id="myDiv3" style="display:none"><form><input type="text" ><br>
<input type="text"/><br>
<input type="submit"/></form></div>
</body>
</html>

この例では、「myDiv1」、「myDiv2」、「myDiv3」のコードを変更するだけです。私はそれがあなたを助けてくれると思います.:)

于 2013-01-31T09:25:05.897 に答える