首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Jquery:发送用户选择

Jquery:发送用户选择
EN

Stack Overflow用户
提问于 2014-09-26 09:53:19
回答 2查看 54关注 0票数 0

我使用的是这个多选择的jquery插件:http://loudev.com/#usage

我的代码很简单,可以工作(见下面),我唯一的问题是当我单击submit按钮时,我没有得到所选项的值,我得到的只是$_POST中的submit按钮。

如何从复选框中获取值?

代码语言:javascript
复制
<?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>
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-09-26 10:49:03

添加一个name属性。

代码语言:javascript
复制
<select id='custom-headers' name="custom-headers" multiple='multiple'>

后缀[]后面的名称为PHP,没有HTML使用。如果您使用PHP:

代码语言:javascript
复制
   <select id='custom-headers' name="custom-headers[]" multiple='multiple'>
票数 1
EN

Stack Overflow用户

发布于 2014-09-26 10:48:25

您忘了在SELECT标记中添加属性"name“。

提交表格就像你做的一样。

希望能帮上忙

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26056785

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档