CODEWITHSUNDEEP
phphtmllaravelselectinput
mkirr
mkirr

Reputation: 81

Passing select value to Input name

I want to pass the value getting from select (value e.g. 1 or 2) as a name for the input type (id="store"). Is this possible in any way? I am trying to use this code in Laravel frontend.

<div class="form-group">
    <select id="projectinput5" name="interested" class="form-control">
        <option value="" selected>Select item</option>
        <option value="1">RED</option>
        <option value="2">Blue</option>
    </select>
<input id="store" type="text" name=" ">
</div>

Thanks in advance.

Upvotes: 0

Views: 34

Answers (1)

dave
dave

Reputation: 64725

You could do it with javascript:

    document.addEventListener('DOMContentLoaded', function() {
        document.getElementById('projectinput5').addEventListener('change', function(e) {
            var value = e.target.value;
            document.getElementById('store').setAttribute('name', value);
            console.log('#store name is now: ' + document.getElementById('store').getAttribute('name'))
        });
    });
<div class="form-group">
    <select id="projectinput5" name="interested" class="form-control">
        <option value="" selected>Select item</option>
        <option value="1">RED</option>
        <option value="2">Blue</option>
    </select>
<input id="store" type="text" name=" ">
</div>

Upvotes: 2

Related Questions