مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

hamedalinejad

عضویت از 1395/09/23

مشکل با فرم ریپیتر bootstarp

  • چهارشنبه 4 اسفند 1395
  • 23:49
تشکر میکنم

سلام دوستان عزیز

یه سوال خیلی فوری داشتم ممنون میشم اگه کسی راهنماییم کنه

من یه سیستم حسابداری آنلاین دارم الان توی بخش فاکتور فروشش یه مشکلی دارم

توی فاکتور فروش من چند تا فیلد هست کد کالا - نام کالا و قیمت خرید کالا که میخوام وقتی کاربر کد کالا رو وارد میکنه به صورت خودکار اطلاعات نام و قیمت رو بیاره و بذاره توی فیلد های بعدیش من الان این کار رو با یه تکست معمولی انجام میدم ولی چون ممکنه چند سطر باشه فاکتور من از بوت استرپ فرم ریپیتر استفاده کردم که سطر جدید اضافه میکنه که الان نمیتونم نام تکست های سطر جدید رو به جاوا اسکریپت بفرستم

 

کد های جاوا اسکریپتم اینه

<script type="text/javascript">
    
$(document).ready(function(){
    
$('input[name="group-product[1][barcode]"]').keyup(function() {
    
var name = $('input[name="group-product[1][barcode]"]').val();
    
    window.alert(mydata);
if(name=="")
{
$("#disp").html("");
}
else
{
$.ajax({
type: "POST",
url: "user_check.php",
 
 
    cache: false,
 
data: "name="+ mydata ,
success: function(html){

    
$("#disp").html(html);
    $("#disp1").html(int1);
}
});
return false;
}
});
});

</script>

 

کد های اچ تی ام ال من هم اینه

 <div class="form-group mt-repeater">
       <div data-repeater-list="group-product">
          <div data-repeater-item class="mt-repeater-item">
              <div class="row mt-repeater-row">
                                                           
                 <div class="col-md-2">
                    <label class="control-label">
                    <font style="font-family:iransans4_light">
                        بارکد کالا
                     </font>    
                   </label>
                    <input type="text" name="barcode" placeholder="" class="form-control" />
                  </div>
                  <div class="col-md-4">
                     <label class="control-label">
                      <font style="font-family:iransans4_light">
                             نام کالا
                         </font>    
                    </label>
                     <input type="text" name="product_name" placeholder="" class="form-control" />
                  </div>
                  
                   <div class="col-md-1">
                     <label class="control-label">
                      <font style="font-family:iransans4_light">
                             تعداد
                         </font>    
                    </label>
                     <input type="text" name="number" placeholder="" class="form-control" />
                  </div>
                  
                   <div class="col-md-2">
                     <label class="control-label">
                      <font style="font-family:iransans4_light">
                             قیمت واحد
                         </font>    
                    </label>
                     <input type="text" name="unit_price" placeholder="" class="form-control" />
                  </div>
                  
                   <div class="col-md-2">
                     <label class="control-label">
                      <font style="font-family:iransans4_light">
                             قیمت کل
                         </font>    
                    </label>
                     <input type="text" name="total_price" placeholder="" class="form-control" />
                  </div>
                  
                  
                  <div class="col-md-1">
                     <a href="javascript:;" data-repeater-delete class="btn btn-danger mt-repeater-delete">
                        <i class="fa fa-close"></i>
                      </a>
                 </div>
           </div>
        </div>
     </div>

 

 

 

کد های پی اچ پی من هم اینه

$name = mysqli_real_escape_string($mycon, $_POST['name']);

$query=mysqli_query($mycon,"select * from user where username='$name'");
$row1=mysqli_num_rows($query);

 

اگه میشه راه حلی برای کد های من بگین

یا حتی اگه روش و کد دیگه ای هست که برای کار من میشه استفاده کرد بگین

کار مورد نیازم رو هم که دقیق گفتم براتون

 

ممنووووووون

پاسخ های این پرسش

تعداد پاسخ ها : 3 پاسخ
کاربر سایت

farshadfarokhi

عضویت از 1395/11/20

  • جمعه 6 اسفند 1395
  • 11:26

سلام

اگر با jquery میخواهید به فیلدهایی که گروهی هستند مانند چیزیکه در فاکتور شما هست، دسترسی پیدا کنید میشه از متد each استفاده کنید. این متد به ازای هر آیتمی که در selector تعریف کردید یک تابع رو اجرا میکنه.

سینتکس کلی اون اینجوری هست:

Syntax $( selector ).each( function( index,element ) ) ;

selector:این پارامتر تعیین کننده عنصری  است که می خواهیم تابع مورد نظرمان به ازای هر نمونه از آن ، یکبار اجرا شود .

index:تعیین کننده اندیس عنصر مورد نظر است .

element:نشانگر عنصر جاری است . ( “this” هم می تواند استفاده شود ).

به عنوان مثال:

$("button").click(function(){
    $("li").each(function(){
        alert($(this).text())
    });
});

کاربر سایت

hamedalinejad

عضویت از 1395/09/23

  • شنبه 7 اسفند 1395
  • 17:10

دوست عزیز ممنون از پاسختون الان با باتن مشکلم حل شد ولی میخوام توی هر ردیف یک بارکد دارم وقتی روی اون تغییر ایجاد شد کد جاوام اجرا بشه

یعنی این کد

فقط الان سطر اولم کار نمیکنه

$('form input[name="group-product[][barcode]"]').keyup(function() {
    
    $('form input[name="group-product[1][barcode]"]').each(function(){
        alert($('form input[name="group-product[1][barcode]"]').val())
    });
});

کاربر سایت

hamedalinejad

عضویت از 1395/09/23

  • شنبه 7 اسفند 1395
  • 19:45

این کد کامل منه

توی جاوا اسکریپت مشکلم با keyup هست ادرس ارایه input رو میدم ولی کار نمیکنه

<script type="text/javascript">
    
$(document).ready(function(){
    
    
    $('form input[name="group-product[1][barcode]"]').keyup(function(this) {
    // keydown(function( event ){
    $('form input[name="group-product[1][barcode]"]').each(function(){
        alert($('form input[name="group-product[1][barcode]"]').val())
    });
});
    
    
$('#cd2').keyup(function() {
    
    
    
//var name = $('input[name="group-product[0][barcode]"]').val();
    
    var mydata = $('form input[name="group-product[0][barcode]"]').val();
    //var mydata = $('form input[name="name[]"]').val();
    //var new_countries = name.join(',')
    //var data_to_send = $.serialize('input[name="name[]"]');
    //window.alert(mydata);
if(name=="")
{
$("#disp").html("");
}
else
{
$.ajax({
type: "POST",
url: "user_check.php",
    
    cache: false,
    
data: "name="+ mydata ,
success: function(html){

    
$("#disp").html(html);
    $("#disp1").html(int1);
}
});
return false;
}
});
});
</script>
                       
                       
                        <div class="row">
                            
                            <div class="col-md-12">
                                <div class="portlet light bordered">
                                    <div class="portlet-title">
                                        <div class="caption">
                                           
                                           
                                           <div id="disp"></div><br />
<div id="disp1" style="font-size: 12px;"></div><br />
                                           
                                           
                                            <i class="icon-speech font-green"></i>
                                            <span class="caption-subject bold font-green uppercase">
                                        <font style="font-family:iransans4_bold">
                                      فروش کالا
                                                </font>    
                                       
                                       </span>
                                        </div>
                                        
                                    </div>
                                    <div class="portlet-body">
                                        <form role="form" id="frm1" method="get" action="user_check.php">
                                           
                                           <div class="row">
                                                                <div class="col-md-2">
                                                                    <div class="form-group">
                                                                        <label>
                                                                            <font style="font-family:iransans4_light">
                                     تاریخ فروش
                                                </font>    
                                                                        </label>
                   <input type="text" onkeypress="isNumberKey(event)" name="name[1]" class="form-control"> </div>
                                                                </div>
                                                                <!--/span-->
                                                                <div class="col-md-2">
                                                                    <div class="form-group">
                                                                        <label>
                                                                        <font style="font-family:iransans4_light">
                                   کد فاکتور
                                                </font>    
                                                                       </label>
                                                                        <input type="text" id="cd1" name="name[2]" class="form-control"> </div>
                                                                </div>
                                            </div>             
                                                                
                                            
                                            
    <div class="form-group mt-repeater">
       <div data-repeater-list="group-product">
          <div data-repeater-item class="mt-repeater-item">
              <div class="row mt-repeater-row">
                                                           
                 <div class="col-md-2">
                    <label class="control-label">
                    <font style="font-family:iransans4_light">
                        بارکد کالا
                     </font>    
                   </label>
                    <input type="text" id="cd2" name="barcode" placeholder="" class="form-control" />
                  </div>
                  <div class="col-md-4">
                     <label class="control-label">
                      <font style="font-family:iransans4_light">
                             نام کالا
                         </font>    
                    </label>
                     <input type="text" name="product_name" placeholder="" class="form-control" />
                  </div>
                  
                   <div class="col-md-1">
                     <label class="control-label">
                      <font style="font-family:iransans4_light">
                             تعداد
                         </font>    
                    </label>
                     <input type="text" name="number" placeholder="" class="form-control" />
                  </div>
                  
                   <div class="col-md-2">
                     <label class="control-label">
                      <font style="font-family:iransans4_light">
                             قیمت واحد
                         </font>    
                    </label>
                     <input type="text" name="unit_price" placeholder="" class="form-control" />
                  </div>
                  
                   <div class="col-md-2">
                     <label class="control-label">
                      <font style="font-family:iransans4_light">
                             قیمت کل
                         </font>    
                    </label>
                     <input type="text" name="total_price" placeholder="" class="form-control" />
                  </div>
                  
                  
                  <div class="col-md-1">
                     <a href="javascript:;" data-repeater-delete class="btn btn-danger mt-repeater-delete">
                        <i class="fa fa-close"></i>
                      </a>
                 </div>
           </div>
        </div>
     </div>
                                                <a href="javascript:;" data-repeater-create class="btn btn-info mt-repeater-add">
                                                    <i class="fa fa-plus"></i>
        <font style="font-family:iransans4_light">
                            افزودن سطر جدید
                         </font>    
        </a>
  </div>
                                            
                                            <div class="row">
                                             <div class="col-md-3">
                                               <div class="form-group">
                                                <label class="control-label">
                                                <font style="font-family:iransans4_light">
                            جمع کل
                         </font>    
                                               </label>
                                                <input type="text" name="total" placeholder="" class="form-control" />
                                                </div>
                                            </div>
                                            </div>
                                               
                                                
                                            <div class="margin-top-10">
                                                <a href="javascript:;" class="btn green">Save Changes </a>
                                                <a href="javascript:;" class="btn default">Cancel </a>
                                                <input type="submit" class="btn default" value="ok">
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- END CONTENT BODY -->
                </div>
                <!-- END CONTENT -->
 
            </div>
            <!-- END CONTAINER -->

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)