gpt4 book ai didi

javascript - 提交由 javascript 填充的表单导致 Wicket 中的空值

转载 作者:行者123 更新时间:2023-11-30 00:22:13 25 4
gpt4 key购买 nike

我想做的是用两个多选进行交叉选择。当我单击一个按钮时,一个简单的 javascript 会将值从一个按钮传递到另一个按钮。这工作得很好,但是当我试图提交我的整个表格时,我得到的只是空列表。这是我的组件的代码。

   ListMultipleChoice<String> valueControl = new ListMultipleChoice<>("customValue",
new DocumentModel(owner, property)/*my own model for setting properties*/,optionsList,
new DocumentRenderer(options));
valueControl.setRequired(property.isRequired());
valueControl.setLabel(Model.of(property.getCaption()));
valueControl.setOutputMarkupId(true);
valueControl.setMarkupId("select-to");
ListMultipleChoice<String> multiSelect = new ListMultipleChoice<>("options",new Model(), optionsList,
new DocumentRenderer(options)); //this is my own renderer
add(multiSelect);
add(valueControl);

这是我的标记代码。

<html xmlns:wicket="http://wicket.apache.org/">
<wicket:extend>
<div>
<select wicket:id="options" id="select-from" multiple
class="form-control" data-placeholder="Nothing selected">
<option>Select me</option>
</select>
<button type="button" id="btn-add">
</button>
<button type="button" id="btn-remove">
</button>
<select wicket:id="customValue" class="form-control" multiple id="select-to"
data-placeholder="Nothing selected">
<option>Select me</option>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('#btn-add').click(function(){
$('#select-from option:selected').each( function() {
$('#select-to').append("<option value='"+$(this).val()+"' selected='selected'>"+$(this).text()+"</option>");
$(this).remove();
});
});
$('#btn-remove').click(function(){
$('#select-to option:selected').each( function() {
$('#select-from').append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>");
$(this).remove();
});
});
});
});
</script>
</wicket:extend>
</html>

抱歉,如果我在此过程中遗漏了什么。提前谢谢大家。

最佳答案

所以您要重新发明 org.apache.wicket.extensions.markup.html.form.palette.Palette ?为什么?

关于javascript - 提交由 javascript 填充的表单导致 Wicket 中的空值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32723782/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com