求教！即时变更input后面内容！该怎么处理
日期：2014-05-16 浏览次数：20406 次
求教！！！即时变更input后面内容！！
html()文档是不可自定义id的 也就是说 input的父元素span那里在html生成时不能加id之类的，要做的就是 当点击按钮时，把input2的值传给 input1并且在input1后面显示出来， 自己弄的这个在html里出来代码了，但是页面上没有显示！！！！
该怎么弄呢？
------解决方案--------------------
- 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);
}
});
});
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
