首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Bootstrap Dual Listbox发送

Bootstrap Dual Listbox发送
EN

Stack Overflow用户
提问于 2015-09-14 13:42:04
回答 2查看 4.5K关注 0票数 0

我正在使用Bootstrap Dual Listbox来选择多个数据,并向用户显示有多少人会出现在官方列表中,谁不会出现。

重点是,即使它工作,我想知道我如何知道哪个框有选定的项目,并使用PHP通过POST发送它们,因为在HTML中您可以看到的唯一" select“标记是唯一一个包含您想要选择的所有选项的标记,并且当您将数据左右移动到容器时,它会动态调用box1和box2。

它的代码几乎和这个链接一样,因为我不能在这里写下代码,不知道为什么它没有显示所有的代码(新的):Bootstrap Dual Listbox : How to Limit Selected Option,但不是我想要的问题。

希望你能理解我的意思!

非常感谢!

EN

回答 2

Stack Overflow用户

发布于 2016-01-19 02:31:47

我的观点是:

代码语言:javascript
复制
{!! Form::open(['class'=>'form-horizontal','role'=>'form']) !!}
    <select multiple="multiple" size="10" name="facturas[]" id="selectfacturas">
        @foreach($facturas as $factura)
            <option value="{{ $factura->id }}"{{ ( $factura->ordendepago_id==$op->id ? ' selected="selected"':'') }}>{{ $factura->descripcionLinda() }}</option>
        @endforeach
    </select>
    <script>
        var demo2 = $('#selectfacturas').bootstrapDualListbox({
          nonSelectedListLabel: 'Comprobantes disponibles',
          selectedListLabel: 'Comprobantes imputados a esta orden',
          preserveSelectionOnMove: 'moved',
          moveOnSelect: false,
          showFilterInputs: false,
        });
    </script>
    {!!Form::submit( 'Siguiente',array('class'=>'btn btn-primary','id'=>'btn-submit'))!!}
    {!!Form::close()!!}   

然后,在我的控制器中:

代码语言:javascript
复制
public function selefacturasPost( $id ) {
    dd( \Input::All()  );

它返回一个数组!

代码语言:javascript
复制
    array:2 [▼
  "_token" => "YTlypLsDjO37GGTAHXcKcKfho1vKYx5c0xgDN1cM"
  "facturas" => array:2 [▶]
]
票数 0
EN

Stack Overflow用户

发布于 2017-10-12 22:55:27

以下是我的解决方案:

代码语言:javascript
复制
<-- HTML: -->

<form action="your_php_file.php" method="post" id="your-dual-listbox-form">
	<select multiple="multiple" size="10" name="duallistbox" id="initializeDuallistbox">
					<option value="option1">Option 1</option>
					<option value="option2">Option 2</option>
					<option value="option3" selected="selected">Option 3</option>
					...
					<option value="option20" selected="selected">Option 20</option>
	</select>
	<input type="hidden" name="DataFromRightSideList" value="null" id="setState">
	<button type="submit" class="btn btn-primary">Save</button>
</form>

<-- jQuery: -->

<script type="text/javascript">

$('#your-dual-listbox-form').submit(function() {
		var formData = $('[name="duallistbox"]').val(); //this will get as a string values from the right side Your dual listbox
		$(function () {
				$('#setState').val(formData); //this will change value of input id="setState"
		});
		$( '#your-dual-listbox-form' ).submit(); //and here submit your form
		return false;
	});
</script>

<-- PHP: -->

<?php
echo $_POST['DataFromRightSideList']; //it will print something like "option 3, ..., option20"
?>

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

https://stackoverflow.com/questions/32557965

复制
相关文章

相似问题

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