将文本字段值从一个选项卡复制到另一个选项卡

时间:2010-06-24 09:13:13

标签: php jquery ajax tabs

我正在使用jquery标签.. 我使用tabs-1作为输入表单,使用tabs-2作为输入数据... 我想在提交后,在text-field中的所有值已经在tabs-1处输入,可以复制到tabs-2中的textfield ...

哪些部分我必须在表单或流程页面修改?什么代码可以使它有效?

 <script type="text/javascript">
        $(document).ready(function() {

         $("#input").click(function() {
        if($("#submit").valid()) {
                var params=$("#submit").serialize();
                $.ajax({
                        type:"post",
                        url:"process1.php",
                        data:params,
                        cache :false, 
                        async :false,
                        success : function() {  

用于在tabs-1中提交表单...在tabs-2:

<tr>
    <td width="100"><input type="text" id="showline" name="showline"<? echo "$_postVar('line')" ?>/></td>
    <td width="100"><input type="text" id="showmodel" name="showmodel"<? echo "$_postVar('model')" ?>/></td>
    <td width="100"><input type="text" id="showNIK" name="showNIK"<? echo "$_postVar('id')" ?>/></td>
</tr>

2 个答案:

答案 0 :(得分:0)

好吧,如果我理解正确,你可以使用AJAX函数上的回调来做到这一点(这样只有在请求成功时才会显示提交的信息):

[...]
success : function() {
    $('#showline').val($('#faline').val());
    $('#showmodel').val($('#modelnm').val());
    $('#showNIK').val($('#NIK').val());
};
[...]

假设#faline,#model和#NIK是提交数据的表单中输入字段的ID。

另外,在HTML中你不再需要echo任何东西(语法不正确 - 反正它会是value="<? echo ... ?>"),因为这些值将由jQuery添加。

希望这有帮助!

答案 1 :(得分:0)

 $("#model").change(function() {
                                 var barcode;   
                                 barCode=$("#model").val();
                                 var data=barCode.split(" ");
                                 $("#model").val(data[0]);
                                 $("#serial").val(data[1]);
                                 var str=data[0];
                                 var matches=str.match(/[T|EE|EJU].*D/i);


  $("#input").click(function() {
        if($("#submit").valid()) {
                var params=$("#submit").serialize();
                $.ajax({
                        type:"post",
                        url:"process1.php",
                        data:params,
                        cache :false, 
                        async :false,
                        success : function() {  
                                                $('#showline').val($('#line').val());
                                                $('#showmodel').val($('#model').val());
                                                $('#showNIK').val($('#id').val());
                                                $("#model").val("");
                                                $("#serial").val("");
                                                $("#line").val("");

我在设置.val("");

之前添加了freekOne代码