Question

例如我有这段代码。

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”选择一个下拉列表值时，我希望将此“mobileno”值作为文本字段的名称属性进行传输（如代码底部所示）。这有意义吗？

我认为简单的Javascript或PHP代码可能只是诀窍。我不太确定这可以做到。你觉得怎么样？

Answer 1

可以使用简单的js函数来完成...

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

你需要在选择框的更改事件中调用此函数。

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

Answer 2

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

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

Answer 3

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>

如何将选定的选项值作为文本字段的名称属性传递？

3 个答案: