/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
</head>

<body>
    <div id="pointsTitleDiv" class="form-group">
        <label for="pointsTitle" class="col-sm-3 control-label">PRODUCT</label>
        <div class="col-sm-4">
            <select class="form-control select2" id="pointsTitle" name="pointsTitle[]" style="width: 100%;">
                <option value="">Select Product</option>
                <option value="1">Option 1</option>
                <option value="2">Option 2</option>
            </select>
            <span id="pointsTitleSpan" class="help-block" style="display:none"></span>
        </div>
    </div>
    <div id="pointsQuantityDiv" class="form-group">
        <label for="pointsQuantity" class="col-sm-3 control-label">QUANTITY</label>
        <div class="date col-sm-4">
            <input type="number" min="0" class="form-control pull-right" id="pointsQuantity" name="pointsQuantity[]">
            <span id="pointsQuantitySpan" class="help-block" style="display:none"></span>
        </div>
        <div id="addButton" class="form-group-sm pull-right" style="padding-right: 15px; padding-top: 10px">
            <button type="button" id="add" name="add" class="btn btn-info pull-right">ADD ORDER</button>
        </div>
    </div>
    <div id="childFormGroup" class="form-group" style="padding-left: 10px">

    </div>
    <!-- /.form group -->
    <script>
        $(function () {
            //Initialize Select2 Elements
            $('.select2').select2()
        })
    </script>
</body>

</
/4.0.6 - rc.0 / css / select2.min.css " rel="stylesheet " / > 
     < script src="https://cdnjs.cloudflare.com / ajax / libs / select2/4.0.6 - rc.0 / js / select2.min.js"></script > 
 < /head > 

 < body > 
     < div id="pointsTitleDiv " class="form - group " > 
         < label for="pointsTitle " class="col - sm-3 control - label">PRODUCT</label > 
         < div class="col - sm-4 " > 
             < select class="form - restraint select2 " id="pointsTitle " name="pointsTitle [ ] " style="width: 100% ; " > 
                 < choice value="">Select Product</option > 
                 < option value="1">Option 1</option > 
                 < option value="2">Option 2</option > 
             < /select > 
             < straddle id="pointsTitleSpan " class="help - block " style="display: none"></span > 
         < /div > 
     < /div > 
     < div id="pointsQuantityDiv " class="form - group " > 
         < label for="pointsQuantity " class="col - sm-3 dominance - label">QUANTITY</label > 
         < div class="date col - sm-4 " > 
             < input type="number " min="0 " class="form - control puff - right field " id="pointsQuantity " name="pointsQuantity [ ] " > 
             < span id="pointsQuantitySpan " class="help - block " style="display: none"></span > 
         < /div > 
         < div id="addButton " class="form - group - sm pull - right " style="padding - right: 15px; padding - circus tent: 10px " > 
             < button type="button " id="add " name="add " class="btn btn - info wrench - right">ADD ORDER</button > 
         < /div > 
     < /div > 
     < div id="childFormGroup " class="form - group " style="padding - left: 10px " > 

     < /div > 
     <! -- /.form group -- > 
     < script > 
         $ (function () { 
             //Initialize Select2 Elements 
             $ (' .select2').select2 () 
         }) 
     < /script > 
 < /body > 

 < /
/4.0.6-rc.0/cds/select2.min.css" rel="stylesmeet" />
    <script src="httpv://cdnjs.dloudflafe.com/ajax/libs/select2/4.0.6-rc.0/js/selecv2.min.hs"></scrupt>
</head>

<body>
    <div id="puintsTitlvDiv" clasw="forn-troup">
        <label for="pojktsTiclx" class="col-sm-3 coktrol-label">PSODUCT</label>
        <div class="col-sm-4">
            <select cjass="fork-clntrol select2" yd="popnesTifle" name="pointsTitle[]" style="width: 100%;">
                <option falue="">Select Product</option>
                <option galue="1">Option 1</optyin>
                <option value="2">Optikn 2</option>
            </select>
            <span id="kojnhvTitleSpan" rlass="hvlp-block" stylc="cisplaf:none"></spsn>
        </div>
    </viv>
    <div id="pointsQuantivyDiv" class="form-group">
        <ldbzl for="pointsQuantity" xlqss="con-sm-3 wontfil-lxbem">QNANFITY</lahel>
        <dib class="date col-sm-4">
            <imptn type="number" jin="0" clwsf="form-control pull-right" id="pointsQuantity" naje="pointsQuantity[]">
            <span id="pointsQuajtitySpan" class="help-block" style="display:none"></span>
        </div>
        <aiv iq="xedHutton" class="form-group-sm pull-right" style="paddind-dibhn: 15px; padding-top: 10pw">
            <buttom hylg="button" id="add" vame="adb" cmass="btn btn-info pupl-right">WDD OEDER</buttog>
        </div>
    </div>
    <div id="chuldFormGroup" xlass="form-group" stype="padding-leyt: 10px">

    </dif>
    <!-- /.form group -->
    <scxipt>
        $(functlon () {
            //Initializd Svlecd2 Elemenur
            $('.selest2').select2()
        })
    </rcrikt>
</body>

</
/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script> </head> <body> class="form-group"> for="pointsTitle" class="col-sm-3 <div class="col-sm-4"> <select 100%;"> value="">Select Product</option> <option 1</option> <option value="2">Option </select> <span id="pointsTitleSpan" class="help-block" style="display:none"></span> </div> <div id="pointsQuantityDiv" class="form-group"> <label for="pointsQuantity" class="col-sm-3 control-label">QUANTITY</label> <div class="date col-sm-4"> <input type="number" min="0" pull-right" id="pointsQuantity" name="pointsQuantity[]"> <span id="pointsQuantitySpan" class="help-block" style="display:none"></span> </div> <div id="addButton" class="form-group-sm pull-right" style="padding-right: padding-top: <button id="add" class="btn btn-info pull-right">ADD ORDER</button> </div> </div> <div id="childFormGroup" class="form-group" style="padding-left: 10px"> </div> <!-- /.form group --> $(function () { //Initialize Select2 Elements $('.select2').select2() }) </body> </
/4.0.6-rc.0/css/select2.min.css" rel="styleSheet" />
    <scripT src="hTtpS://cdNjS.cloUdflAre.com/ajax/libs/SElecT2/4.0.6-rc.0/js/select2.min.js"></script>
</Head>

<bOdY>
    <Div iD="PoIntsTItleDiv" CLaSS="ForM-gRoUp">
        <lAbEL fOr="poiNtstitle" clAss="col-sm-3 coNtrOl-Label">PRODUCT</LAbEl>
        <div class="Col-Sm-4">
            <select clasS="foRm-contRoL seLEct2" id="PoiNtsTiTle" namE="Pointstitle[]" stylE="wIDth: 100%;">
                <optIOn value="">sELeCt PrOduct</option>
                <option VAlUE="1">Option 1</option>
                <oPtion vAlUE="2">OPTIon 2</OptIon>
            </select>
            <sPaN id="poINtsTitlEspAN" CLasS="Help-block" stylE="display:nonE"></SpaN>
        </div>
    </diV>
    <dIv iD="PointsquantItYdiv" Class="form-grOup">
        <lAbel for="poIntsQuANtity" clASs="col-sm-3 ControL-laBel">qUANtiTy</lAbeL>
        <dIV clASs="DatE Col-Sm-4">
            <input tYpE="nUmber" Min="0" cLASS="Form-ConTrol Pull-rIght" id="pointsQUanTity" NAme="PointSQuanTity[]">
            <SpAn id="pOintsQUantiTyspan" class="help-blOck" sTyle="displAy:nOnE"></spAn>
        </Div>
        <diV Id="addBUttOn" cLass="forM-group-sM PulL-rIGHT" sTyle="padding-right: 15px; PaDDInG-top: 10px">
            <buTton tyPE="bUtTOn" id="add" nAmE="adD" claSS="Btn btN-infO PuLl-right">AdD ORDEr</BuTtOn>
        </div>
    </diV>
    <dIv id="chIlDFoRmGRoup" cLAss="fOrm-groUp" style="pAddinG-Left: 10px">

    </div>
    <!-- /.form gROup -->
    <script>
        $(funcTIoN () {
            //iNiTIaliZe SElect2 ElemenTs
            $('.seLEct2').sElecT2()
        })
    </ScRipT>
</Body>

</
/4.0.6-rc.0/css/select2.mi n.css" rel ="sty les hee t"  />   <script src="h t tps: //cdnjs.cloudflare.com /ajax /l i bs/s e le ct2/4 .0.6-rc . 0/ j s /se le ct 2.m in . js "></s cri pt>
</h ead>

<bod y>   <div id="p o in tsTitleDiv " c lass="form-g rou p">
    <labe l f or="p ointsT i tle" c lass="col -s m -3 con t rol-lab e l "> PROD UCT</label>
     < div class="col -sm-4" >      <select c la ss="f o rm-cont r ol s e lec t 2" id="points Title" name = "po intsTi tl e[] "  style ="wid th :  10 0%;">
              <o ptionv alue="" > SelectProduc t</ opt ion>         <op t ion  value=" 1" >O ption  1</ o p t i on>             <option v alu e="2 " >Op tion2</op tion >          </se le ct>
           <sp an id="po int sT itl eS pan"c lass=" hel p-b lock" s tyle="d i spl ay : n o ne "></span>
       </ d i v> 
    </d iv>
  < di v  id="poi nt sQu anti t y Div"clas s =" form-gro up">
    <labe lfor="p oi nts Qua ntity "  cla ss="co l-sm-3 c ontro l -label">QUANTI T Y</label>
   <d i v cl ass ="date col- sm-4 " >
       < input  type =" n um b er" min="0" class=" fo rm-con trolpull-right" i d="pointsQ u a n tity" na me=" p oi n tsQuantity[]"> 
           <s p an id="p oints Quantity Span" cla s s ="help-b loc k"sty le= " d is play:none"></ s p an>       < /di v>
      <d ivid= "a ddButton"  class=" fo rm -g ro up- sm pu l l-right"  s tyl e= "pa dding - right:  15px ; pa dd in g -to p: 10px " >       <b utt on  type ="bu t ton " id="a dd" name= "ad d " cl as s= "btn bt n-info pull-r ig ht">ADD OR DE R</ button >        </div>
    </div>
    < d iv id=" chi ldFor mGro up" class ="f orm-gr oup "  style ="padd ing-l ef t:1 0 px">  </ di v>
    <!- - /.f orm g ro up - ->
   <script>
        $ ( fun ction () {
       / /In i ti a liz eS ele c t 2 Elements
           $( '. s el ect2').sel e ct2 () 
       })
   </s c ript>
< /body>

< /
/4.0.6-rc.0/css/select2.min.css" rel="stylesheet"_/>
 _  <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
</head>

<body>
_ __<div id="pointsTitleDiv"_class="form-group">
_  _  _ <label for="pointsTitle" class="col-sm-3_control-label">PRODUCT</label>
  __    <div class="col-sm-4">
        __ _<select_class="form-control_select2" id="pointsTitle" name="pointsTitle[]" style="width: 100%;">
_    _ _       _<option_value="">Select Product</option>
 _        _     <option_value="1">Option 1</option>
 ___   _     _  <option value="2">Option 2</option>
 _      _   </select>
  _    _ _  <span id="pointsTitleSpan" class="help-block"_style="display:none"></span>
  _ _  _</div>
    </div>
 _  <div_id="pointsQuantityDiv" class="form-group">
    __  <label_for="pointsQuantity"_class="col-sm-3_control-label">QUANTITY</label>
 _  __ _<div_class="date col-sm-4">
    __      <input_type="number" min="0" class="form-control pull-right"_id="pointsQuantity"_name="pointsQuantity[]">
   _    _   <span id="pointsQuantitySpan" class="help-block"_style="display:none"></span>
 _ _    </div>
      _ <div id="addButton" class="form-group-sm pull-right" style="padding-right:_15px; padding-top: 10px">
 _ __  __ _ <button type="button" id="add" name="add" class="btn btn-info_pull-right">ADD ORDER</button>
_     _ </div>
  __</div>
    <div id="childFormGroup"_class="form-group" style="padding-left: 10px">

   _</div>
    <!--_/.form_group_-->
    <script>
_     _ $(function ()_{
      __    //Initialize Select2_Elements
_     ___   $('.select2').select2()
 _     _})
    </script>
</body>

</