如何实现菜单选择更改input name名称

Question

 实在不熟悉JS，请教了！！努力向大家学习！！！ <select >
    <option value="title">1</option>
    <option value="auther">2</option>
    <option value="publish">3</option>
  </select>
    <input name="title" type="text" id="text" />
 
  
    <input type="submit" value="提交" />
</form>

Answer 1

<form>
 <select id="sName" onchange="changeName()">
  <option value="title">1</option>
  <option value="auther">2</option>
  <option value="publish">3</option>
  </select>
  <input id="colName" name="title" type="text" id="text" />
  <input type="submit" value="提交" />
</form>
<script type="text/javascript">
function changeName() {
document.getElementById('colName').name = document.getElementById('sName').value;
}
</script>

Answer 2

不过你这个需求是在太怪了，为什么要这么做呢？既然已经使用了一个下拉列表来做区分，为什么还要动态改变文本框的name属性值？直接把两个参数都提交出去不就得了。。

Answer 3

刚刚才试了试，没有改变！还有 <input id="colName" name="title" type="text" id="text" />
多了个ID！

Answer 4

呵呵，我也没有办法，一个openURL取的是name= 值1.aspx?title=%E5%AD%9F%E9%A3%9E这个title=name苦恼中！

Answer 5

JS里反对修改name，id 
 你这需求做个if就能搞定

Answer 6

如果一定要改的话
 可以用这个改   parentNode.innerHTML

Answer 7

<form>
 <select id="sName" onchange="document.getElementById('colName').name =this.value">
  <option value="title">1</option>
  <option value="auther">2</option>
  <option value="publish">3</option>
  </select>
  <input id="colName" name="title" type="text" id="text" />
  <input type="submit" value="提交" />
</form>

Answer 8

感谢toury及楼上的各位，可以了！！

Answer 9

感谢toury及楼上的各位，可以了！！