将选择值传递给输入名称答案

【问题标题】：Passing select value to Input name将选择值传递给输入名称
【发布时间】：2018-10-01 16:25:47
【问题描述】：

我想传递从 select 获得的值（值，例如 1 或 2）作为输入类型的名称（id="store"）。这有可能吗？我正在尝试在 Laravel 前端使用此代码。

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

提前致谢。

【问题讨论】：

不清楚您想在这里问什么，请您尝试改进您的问题
更好的问题是为什么？为什么不直接将选择值发送到服务器而不是更改文本输入的名称？
这样做的原因是只动态显示一个表单元素，而不是基于实时操作对多个输入进行编码
请参阅How to Ask。告诉我们您想做什么、尝试过什么以及获得了什么结果。

标签： php html laravel select input

【解决方案1】：

你可以用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>

【讨论】：

这真是太棒了，我不知道这是可能的。
正是我想要的。非常感谢。大多数开发者不知道这个简单的事情可以做到。