Javascript 引导双列表框发送
我使用Bootstrap Dual Listbox来选择多个数据,并向用户显示有多少人将在一个官方列表中,而谁不会。 您可以在此页面上看到一个示例: 问题是,即使它可以工作,我想知道如何知道哪个框中有所选的项目,并使用PHP通过POST发送它们,因为在HTML中可以看到的唯一select标记是唯一一个包含所有要选择的选项的标记,当您将数据左右移动时,它会创建一个动态调用box1和box2的容器 代码与此链接几乎相同,因为我无法在这里写下代码,不知道为什么它没有显示所有代码新的:,但这不是我要找的问题 希望你能理解我的观点 多谢各位 我的看法:Javascript 引导双列表框发送,javascript,php,jquery,listbox,Javascript,Php,Jquery,Listbox,我使用Bootstrap Dual Listbox来选择多个数据,并向用户显示有多少人将在一个官方列表中,而谁不会。 您可以在此页面上看到一个示例: 问题是,即使它可以工作,我想知道如何知道哪个框中有所选的项目,并使用PHP通过POST发送它们,因为在HTML中可以看到的唯一select标记是唯一一个包含所有要选择的选项的标记,当您将数据左右移动时,它会创建一个动态调用box1和box2的容器 代码与此链接几乎相同,因为我无法在这里写下代码,不知道为什么它没有显示所有代码新的:,但这不是我要找的
{!! 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()!!}
它返回一个数组
array:2 [▼
"_token" => "YTlypLsDjO37GGTAHXcKcKfho1vKYx5c0xgDN1cM"
"facturas" => array:2 [▶]
]
以下是我的解决方案:
选择1
选择2
选择3
...
选择20
拯救
$'your-dual-listbox-form'。提交函数{
var formData=$'[name=duallistbox]'.val;//这将作为字符串从双列表框右侧获取值
$function{
$'setState'.valformData;//这将更改输入id=setState的值
};
$'您的双列表框表单'.submit;//然后在这里提交您的表单
返回false;
};
array:2 [▼
"_token" => "YTlypLsDjO37GGTAHXcKcKfho1vKYx5c0xgDN1cM"
"facturas" => array:2 [▶]
]