Question

I have 3 dropdown selection input and one textarea input. I think it’s invalid to make all names the same, so, each input has a different name though I can make them all start with the same string.
On the form submit, I want to join all the input value into one.
I can only think of making a hidden input to collect the values, but I don’t know how to code it. Please help!

<ul>
    <li>
        <select id="input-first_dropdown" name="property-first_dropdown">
                <option>Option 1</option>
                <option>Option 2</option>
                <option>Option 3</option>
        </select>
    </li>
    <li>
        <select id="input-second_dropdown" name="property-second_dropdown">
                <option>Option 1</option>
                <option>Option 2</option>
                <option>Option 3</option>
        </select>
    </li>
    <li>
        <textarea id="input-textarea" name="property-textarea">test</textarea>
    </li>
</ul>

Answer 1

you can do like this:

<ul>
    <li>
    <select id="input-first_dropdown" name="property[]">
        <option>Option 1</option>
        <option>Option 2</option>
        <option>Option 3</option>
    </select>
    </li>
    <li>
    <select id="input-second_dropdown" name="property[]">
        <option>Option 1</option>
        <option>Option 2</option>
        <option>Option 3</option>
    </select>
    </li>
    <li>
    <textarea id="input-textarea" name="property[]">test</textarea>
    </li>
</ul>

try print_r($_POST['property']) in your form processor