jquery如何实现根据选择框动态设置输入框的属性值？

Question

jqueryselecthtml

Answer 1

不建议你去改变input或者其他页面元素的 id name type等等一系列的属性，虽然可以，你可以对应选项设置不同的input ，然后显示隐藏即可

Answer 2

若改变input中的各个属性，会有啥影响吗？

Answer 3

$(document).ready(function () {
     $('#moreinfo').change(function () {
       var value =$(this).children('option:selected').val();
       $(".infos").removeAttr("id");
       $(".infos").removeAttr("name");
       $(".infos").attr("id", value);
       $(".infos").attr("name", value);
     })
   })

Answer 4

document.getElementById("moreinfo").onchange=function()
{
var a=document.getElementsByTagName("input")[0];
a.id=this.value;
alert(a.id);
}

Answer 5

<script type="text/javascript">
$(document).ready(function(){ 
$("#moreinfo").change(function(event) {
/* Act on the event */
alert($("#moreinfo").find("option:selected").attr("value"));
$(".infos").attr({
"id": $("#moreinfo").find("option:selected").attr("value"), 
"name": $("#moreinfo").find("option:selected").attr("value")
});
});
});
</script>