Copy nearest select box value of a given class name to following select box of same class name (using JQuery) -

-

what i'm trying is:

on html sample below, when user clicks "copy above", want jquery search 'up' html structure click location, find previous select box class="colors", copy selected value from select box , use select same value in select box below (also class="colors"). every select box has same set of values.

sample html:

<select class="colors"> <option value="1">red</option> <option value="2">blue</option> <option value="3">green</option> </select>  <a href="#" class="copy-times">copy above</a> <select class="colors"> <option value="1">red</option> <option value="2">blue</option> <option value="3">green</option> </select>  <a href="#" class="copy-times">copy above</a> <select class="colors"> <option value="1">red</option> <option value="2">blue</option> <option value="3">green</option> </select>  <a href="#" class="copy-times">copy above</a> <select class="colors"> <option value="1">red</option> <option value="2">blue</option> <option value="3">green</option> </select>

i have tried various combinations of .prevall(), can't working.

any appreciated, thanks.

i thought pointless @ first, see in action, see there's use behavior. patience in explaining it.

this seems pretty basic nothing fancy.

  • delegate click event on occurrences of .copy-times
  • prevent .copy-times jumping <a>nchor
  • use variable above (var above) store this (.copy-times) previous sibling (.prev()) class .colors (select.colors) value (.val()).
  • get this (.copy-times) next sibling (.next()) class .colors (select.colors) value (.val()) , set value of previous value (above).

snippet

$('.copy-times').on('click', function(evt) {    evt.preventdefault();    var above = $(this).prev('.colors').val();    $(this).next('.colors').val(above);  });
select,  {    display: block;  }  select {    margin: 0 0 20px 10px;  }  {    margin: 0 0 5px 0;  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>    <select class="colors">    <option value="1">red</option>    <option value="2" selected>blue</option>    <option value="3">green</option>  </select>    <a href="#" class="copy-times">copy above</a>  <select class="colors">    <option value="1">red</option>    <option value="2">blue</option>    <option value="3">green</option>  </select>    <a href="#" class="copy-times">copy above</a>  <select class="colors">    <option value="1">red</option>    <option value="2">blue</option>    <option value="3" selected>green</option>  </select>    <a href="#" class="copy-times">copy above</a>  <select class="colors">    <option value="1">red</option>    <option value="2">blue</option>    <option value="3">green</option>  </select>


Comments

Post a Comment

Popular posts from this blog

php - Autoloader issue not returning Class -

-
problem? bootloader (autoloader) not seem working properly, or i'm missing something. here simplified code. the code below returns class "skeleton" not exist. on index.php file. index.php <?php include 'bootloader.php'; use skeleton\html\loginheader; $tool = new skeleton/html/loginheader(); bootloader.php <?php function boot($classname) { $filename = ''; $namespace = ''; // sets include path "src" directory $includepath = dirname(__file__).directory_separator.'src'; if (false !== ($lastnspos = strripos($classname, '\\'))) { $namespace = substr($classname, 0, $lastnspos); $classname = substr($classname, $lastnspos + 1); $filename = str_replace('\\', directory_separator, $namespace) . directory_separator; } $filename .= str_replace('_', directory_separator, $classname) . '.php'...
Read more

java - How to put two numbers separated by a space into two different arrays -

-
i have 2 number inputs 1010 212 i want put these 2 different arrays ([1 0 1 0] , [2 1 2]) this code import java.io.*; import java.util.*; public class solution { public static void main(string[] args) { int array[] = new int[8]; int array2[] = new int[8]; int = 0; scanner getnumber = new scanner(system.in); { array[i] = getnumber.nextint(); i++; } while(getnumber.hasnextint()); system.out.println(arrays.tostring(array)); } } but output [1010, 212, 0, 0, 0, 0, 0, 0] (i put 8 generic array length because java compiler forced initialize each array) you need store numbers first initialize arrays based on length of number. can length turning string. once left number , empty array, can split integer array of digits number of ways. int[] array, array2; scanner in = new scanner(system.in); int a, b; = in.nextint(); b = in.nextint(); array = new int[integer.tostring(a...
Read more

python - matplotlib equivalent for Ubuntu servers with no GUI? -

-
i have gui-less cloud server running bitnami-django ubuntu 14.04 lts meant retrieve , graph data users, cannot produce graphs. clear, care graph image produced , saved, not user has option click button save image. such functionality meaningless such server. on normal ubuntu linux (mate) 14.04 lts, scripts work perfectly, producing matplotlib.pyplot relevant data in gui window save, zoom, rotate , other functionality; on cloud server error, if don't try invoke show() function: bitnami@stockpredix:/opt/bitnami/apps/django/django_projects/project$ python api-test_volume.py traceback (most recent call last): file "api-test_volume.py", line 8, in <module> import matplotlib.pyplot plt file "/opt/bitnami/python/lib/python2.7/site-packages/matplotlib/pyplot.py", line 114, in <module> _backend_mod, new_figure_manager, draw_if_interactive, _show = pylab_setup() file "/opt/bitnami/python/lib/python2.7/site-packages/matplotlib/backend...
Read more