Я получил хороший флажок для выбора из eric hanes … site:
http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/
Мне нужно передать значения, выбранные из опции select в тегах select html …
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery MultiSelect Widget Demo</title> <link rel="stylesheet" type="text/css" href="../jquery.multiselect.css" /> <link rel="stylesheet" type="text/css" href="assets/style.css" /> <link rel="stylesheet" type="text/css" href="assets/prettify.css" /> <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script> <script type="text/javascript" src="assets/prettify.js"></script> <script type="text/javascript" src="../src/jquery.multiselect.js"></script> <script type="text/javascript"> $(function(){ $("select").multiselect(); }); function select_val(){ var str = ''; $('select[name="example-basic"] :selected').each(function(i, selected){ alert(str += 'var'+(i+1) +':'+ $(selected).val()+','); }); $("#fetch").load("select.php",str,function(){}); } </script> </head> <body id="test"> <p> <select title="Basic example" multiple="multiple" name="example-basic" size="5"> <option value="option1">Option 1</option> <option value="option2">Option 2</option> <option value="option3">Option 3</option> <option value="option4">Option 4</option> <option value="option5">Option 5</option> <option value="option6">Option 6</option> <option value="option7">Option 7</option> <option value="option8">Option 8</option> <option value="option9">Option 9</option> <option value="option10">Option 10</option> <option value="option11">Option 11</option> <option value="option12">Option 12</option> </select> </p> <button id="select_val" onclick="select_val()"> Submit </button> <div id="fetch"></div> </body> </html>
@Malik: Я добавил код с вашим javascript, и если я выберу 2 флажка, а значения будут отображаться в первом предупреждении1 var1: option1, а во втором предупреждении var1: option1, var2: option2,
В приведенном выше примере var1: option1 и var1: option1, var2: option2, снова запятая повторяется для последнего значения, пожалуйста, проверьте и также отправьте только одно значение, но не повторите значение, если первое отправленное сообщение, чем после второго значения, должно отправлено .. но не кулак, а второе значение отправлено для второго проверено … пожалуйста, проверьте …
но в скрипте PHP это не эхо, пожалуйста, проверьте …
PHP-скрипт:
<?php $var1= $_POST['var1']; $var2 = $_POST['var2']; echo $var1; echo $var2; ?>
У меня есть приведенный выше код. Параметры выбора выбраны с помощью флажка, и теперь мне нужно передать выбранные переменные в переменные php через вызов ajax и echo в скрипте php.
Например, если я выбираю вариант 1 и вариант 2, я должен получить предупреждение о опции 1 и снова второй вариант предупреждения 2.
Еще одна помощь … Теперь эти значения должны перейти к вызову ajax, и там переменные ajax должны быть динамическими … Я использую функцию ajax load ().
$("#fetch").load("select.php",{var1:var1,var2:var2......},function(){});
здесь как динамически передавать переменные поля в вызове ajax.
<?php $var1= $_POST['var1']; $var2 = $_POST['var2']; . . . echo $var1; echo $var2; ?>