根据下拉选择显示多个文本框

Question

I want to display a number of textboxes in a form based on the selected option from a dropdown listbox.

For example, if user selects 1 then 1 textbox should be shown and if user selects 2 then 2 textboxes should be displayed. And I need to do it in PHP.

I found some answers using jQuery. Can we use jQuery inside PHP? If yes, then how?

Edit

@Edwin Alex This is how my select option looks like.

<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>

At the end of file inside <> these I have written your code.

Answer 1

You can use Jquery to get this. Try this,

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>

Jquery :

<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>

Paste this code at the bottom of your page inside tag.

Your select box ID should be dropdown.

You need to have a div with an ID textboxDiv to place your generated textboxes.