选择Div和Pass Data进行表格处理

时间:2015-04-13 16:31:19

标签: php jquery html select

我设置了一个可以选择和取消选择的DIV框网格。

我需要将多个选中框的ID传递给表单进行处理。这就是我所拥有的:

CODE:



$( function() {
  $('div.foo-avail').click( function() {
     $(this).toggleClass("foo-availsel");
  } );
} );

div.foo-avail {   
	cursor: pointer;
float: left;   
    width: 16px;
    height: 16px;
    margin: 1px 1px 1px 1px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,.2);
    background-color:#cccccc;
    font-size: 8px;
text-align: center;
vertical-align: middle;
display: table-cell;
}
div.foo-availsel {   
	cursor: pointer;
float: left;   
    width: 16px;
    height: 16px;
    margin: 1px 1px 1px 1px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,.2);
    background-color:#1Ab394;
    font-size: 8px;
text-align: center;
vertical-align: middle;
display: table-cell;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="foo-avail" id="1">1</div>
<div class="foo-avail" id="2">2</div>
<div class="foo-avail" id="3">3</div>
<div class="foo-avail" id="4">4</div>
&#13;
&#13;
&#13;

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:1)

您可以使用map()从所选的id元素中获取div值的数组:

var selectedIds = $('.foo-availsel').map(function() {
    return this.id;
}).get();

$('#selectedIds').val(selectedIds.join(','));

从那里你可以将这个变量提供给一个AJAX调用,或者将它设置为隐藏字段的值以传递给你的服务器端代码。