如何将所选选项值作为文本字段传递到'的name属性

How to pass selected option values into as a textfield's name attribute?

本文关键字：属性 name 字段 文本 选项      更新时间：2023-09-26

例如，我有这段代码。

Select one of your preferred contact methods:
<p><br>
<select name="contactmethod">
<option value="phonenohome">Home No</option>
<option value="phonenowork">Work No</option>
<option value="mobileno">Mobile No</option>
</select>
&nbsp;
<input type="text" name="">

我想在这里做的是，当下拉列表中的一个值被选择为例如"mobileno"时，我希望这个"Mobile"值作为文本字段的名称属性传输（如代码底部所示）。这有道理吗？

我认为一个简单的Javascript或PHP代码就可以做到这一点。我不太确定这能不能做到。你觉得怎么样？

使用javascript jQuery框架，假设输入具有id作为contact_type

$('select').change(function(){
  $('#contact_type').attr('name', $('select').val());
});

它可以用简单的js函数来完成。。。

function set_val(){
    document.getElementByName('contactmethod').value = document.getElementByName('text_box_name').value;
}

您需要在select box的change事件上调用此函数。

我认为它应该对你有用。。

Select one of your preferred contact methods:
<p><br>
<select name="contactmethod" id="contactmethod">
<option value="phonenohome">Home No</option>
<option value="phonenowork">Work No</option>
<option value="mobileno">Mobile No</option>
</select>
&nbsp;
<input type="text" name="selectedmethod" id="selectedmethod" value="">
<script type="text/javascript">
    var select = document.getElementById('contactmethod');
    var input = document.getElementById('selectedmethod');
    select.onchange = function(){
        input.name = this.value;
    }
</script>
相关文章：