Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Apr 28th, 2012  |  syntax: None  |  size: 4.38 KB  |  hits: 10  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. jquery element duplication in list box
  2. <table width="50%" border="0">
  3.             <tr>
  4.             <td><select id="prev" name="prev[0][]" >
  5.             <option value="test">test</option>
  6.             <option value="test1">test</option>
  7.             <option value="test2">test</option>
  8.             <option value="test3">test</option>
  9.             <option value="test4">test</option>
  10.  
  11.             </select>
  12.             </td>
  13.             </tr>
  14.             <tr>
  15.             <td><select id="prev" name="prev[0][]" >
  16.             <option value="test">test</option>
  17.             <option value="test1">test</option>
  18.             <option value="test2">test</option>
  19.             <option value="test3">test</option>
  20.             <option value="test4">test</option>
  21.  
  22.             </select>
  23.             </td>
  24.             </tr>
  25.             <tr>
  26.             <td><select id="prev" name="prev[0][]" >
  27.             <option value="test">test</option>
  28.             <option value="test1">test</option>
  29.             <option value="test2">test</option>
  30.             <option value="test3">test</option>
  31.             <option value="test4">test</option>
  32.  
  33.             </select>
  34.             </td>
  35.             </tr>
  36.             <tr>
  37.             <td><select id="prev" name="prev[0][]" >
  38.             <option value="test">test</option>
  39.             <option value="test1">test</option>
  40.             <option value="test2">test</option>
  41.             <option value="test3">test</option>
  42.             <option value="test4">test</option>
  43.  
  44.             </select>
  45.             </td>
  46.             </tr>
  47.             <tr>
  48.             <td><select id="prev" name="prev[0][]" >
  49.             <option value="test">test</option>
  50.             <option value="test1">test</option>
  51.             <option value="test2">test</option>
  52.             <option value="test3">test</option>
  53.             <option value="test4">test</option>
  54.  
  55.             </select>
  56.             </td>
  57.             </tr>
  58.             </table>
  59.        
  60. $("select[name^='prev["+k+"']").each(function( i ) {
  61.         lsval = this.value;
  62.  
  63.         if(lsval == '') {
  64.                 alert("enter value");
  65.                 $("select[name^='prev["+k+"']").eq(i).focus();
  66.                 return false;
  67.         }
  68.  
  69.     });
  70.        
  71. <table width="50%" border="0">
  72.         <tr>
  73.         <td><select class="prev" name="prev[0][]" >
  74.         <option value="test">test</option>
  75.         <option value="test1">test 1</option>
  76.         <option value="test2">test 2</option>
  77.         <option value="test3">test 3</option>
  78.         <option value="test4">test 4</option>
  79.  
  80.         </select>
  81.         </td>
  82.         </tr>
  83.         <tr>
  84.         <td><select class="prev" name="prev[0][]" >
  85.         <option value="test">test</option>
  86.         <option value="test1">test 1</option>
  87.         <option value="test2">test 2</option>
  88.         <option value="test3">test 3</option>
  89.         <option value="test4">test 4</option>
  90.  
  91.         </select>
  92.         </td>
  93.         </tr>
  94.         <tr>
  95.         <td><select class="prev" name="prev[0][]" >
  96.         <option value="test">test</option>
  97.         <option value="test1">test 1</option>
  98.         <option value="test2">test 2</option>
  99.         <option value="test3">test 3</option>
  100.         <option value="test4">test 4</option>
  101.  
  102.         </select>
  103.         </td>
  104.         </tr>
  105.         <tr>
  106.         <td><select class="prev" name="prev[0][]" >
  107.         <option value="test">test</option>
  108.         <option value="test1">test 1</option>
  109.         <option value="test2">test 2</option>
  110.         <option value="test3">test 3</option>
  111.         <option value="test4">test 4</option>
  112.  
  113.         </select>
  114.         </td>
  115.         </tr>
  116.         <tr>
  117.         <td><select class="prev" name="prev[0][]" >
  118.         <option value="test">test</option>
  119.         <option value="test1">test 1</option>
  120.         <option value="test2">test 2</option>
  121.         <option value="test3">test 3</option>
  122.         <option value="test4">test 4</option>
  123.  
  124.         </select>
  125.         </td>
  126.         </tr>
  127.         </table>
  128.        
  129. $(function(){
  130.         var PrevArray = [];
  131.         $('.prev').live("click",function(){
  132.             var selected = $(this).val();
  133.  
  134.             if($.inArray(selected,PrevArray) !== -1)
  135.             {
  136.                 alert('Already Selected');
  137.             }
  138.             else
  139.             {
  140.                 PrevArray.push(selected);
  141.                 console.log(PrevArray);
  142.             }
  143.         });
  144.     });
  145.        
  146. <select id="prev-1" name="prev-1" ></select>
  147. <select id="prev-2" name="prev-2" ></select>
  148. <select id="prev-3" name="prev-3" ></select>
create a new version of this paste RAW Paste Data