Question

我正在使用这个多选jquery插件：http://loudev.com/#usage

我的代码很简单并且有效（见下文），我唯一的问题是当我点击提交按钮时，我没有得到所选项目的值，我得到的只是$ _POST中的提交按钮。

如何从SELECT框中获取值？

<?php
    print_r($_POST);
?>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>



    <link href="css/multi-select.css" media="screen" rel="stylesheet" type="text/css" />
<script src="https://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="js/jquery.multi-select.js" type="text/javascript"></script>
</head>

<body>
<form id="form1" name="form1" method="post" action="ryanTest.php">

<select id='custom-headers' multiple='multiple'>
  <option value='elem_1'>elem 1</option>
  <option value='elem_2'>elem 2</option>
  <option value='elem_3'>elem 3</option>
  <option value='elem_4'>elem 4</option>

  <option value='elem_100'>elem 100</option>
</select>
<input type="submit" name="sub" id="sub" value="Submit" />
</form>
<script>
$('#custom-headers').multiSelect({
  selectableHeader: "<div class='custom-header'>Selectable items</div>",
  selectionHeader: "<div class='custom-header'>Selection items</div>",
  selectableFooter: "<div class='custom-header'>Selectable footer</div>",
  selectionFooter: "<div class='custom-header'>Selection footer</div>"
});
</script>

Answer 1

您忘记在SELECT标记中添加属性“name”：例如

并提交表格，就像你一样。

希望这个帮助

Answer 2

添加名称属性。

<select id='custom-headers' name="custom-headers" multiple='multiple'>

名称末尾的

后缀[]用于PHP，没有HTML使用。如果您使用PHP：

   <select id='custom-headers' name="custom-headers[]" multiple='multiple'>

Jquery：发送用户选择

2 个答案: