求教！即时变更input后面内容！该怎么处理

2012-05-14

求教！！！即时变更input后面内容！！HTML codespaninput idinpt1 typehidden/spaninput idinpt

求教！！！即时变更input后面内容！！

HTML code

<span><input id='inpt1' type='hidden'></span><input id='inpt2' type='text'><button id='btn1' >改变</button><script type='javascript'>$(function() {  $("#btn1").click(function() {    var txt_inpt=$("#inpt2").val();    var txt_inpt=$("#inpt1");    if(txt_inpt!="") {       txt_inpt.parent().empty();       txt_inpt.parent().html("<input id='inpt1' type='hidden' value="+txt_inpt+">" +txt_inpt);    }   });});</script>

html()文档是不可自定义id的也就是说 input的父元素span那里在html生成时不能加id之类的，要做的就是当点击按钮时，把input2的值传给 input1并且在input1后面显示出来，自己弄的这个在html里出来代码了，但是页面上没有显示！！！！
该怎么弄呢？

[解决办法]

HTML code

<!DOCTYPE HTML><html>    <head>        <meta charset="gb2312" />        <title></title>                <script src="http://code.jquery.com/jquery-latest.js"></script>    </head>    <body><span><input id='inpt1' type='hidden'></span><input id='inpt2' type='text'><button id='btn1'>改变</button><script type="text/javascript">$(function() {  $("#btn1").click(function() {    $('#inpt1').val( $('#inpt2').val() ).parent().append( $('#inpt2').val() )  });});</script>    </body></html>
[解决办法]
JScript code$(document).ready( function() {    $("#btn1").click( function() {        var v2 = $("#inpt2").val();        if (v2 != '') {            var inpt1 = $("#inpt1");            inpt1.val(v2);            inpt1.parent().empty().append(inpt1).append(v2);        }    });});

热点排行

JavaScript

求教！即时变更input后面内容！该怎么处理