此代码是我的函数的一部分,它创建selectbox并将索引放到每个选项值中。第一个文本框根据正负值的变化获取孩子的数量。如果有一个孩子,我会得到每个孩子的年龄。我的问题发生在提交表格后,我得到了每个孩子年龄的值。但它显示了每个值之间的两个逗号。 例如:Form Submition后的额外字符
5,5,......,8
首先是第一childeren的年龄,第二是第二儿童年龄和第三第三年龄。 这个问题发生在操作页面。 正确的样本应该是这样的:
5,5,8
注:我必须保持逗号只是删除它们之间的额外逗号
我应该怎么做才能解决这个问题问题与额外的逗号? 这里是我的代码片段:
$(function() {
var createChildDropdown = function(i) {
var $childDropdown = $('<div />', {
'class': 'childs'
});
$childDropdown.append($('<label />', {
'for': 'childDropdown-' + i
}).text('Child age ' + i));
$childDropdown.append($('<select />', {
'name': 'childDropdown'
}));
var options = [' 1 years old', '2 years old', '3 years old'];
options.forEach(function(option, index) {
\t $childDropdown.find('select').append($('<option />').text(option).attr('value', `,${index}`));
});
return $childDropdown;
};
var destroyChildDropdown = function($el, i) {
$el.find('div.childs').get(i).remove();
};
$(".button-click-child a").on("click", function() {
var button = $(this);
var oldVal = parseInt(button.closest("ul").prev().val());
var newVal = (button.text() == "+") ? oldVal + 1 : (oldVal > 0) ? oldVal - 1 : 0;
var total_value = "";
\t if(newVal >= 5) return;
button.closest("ul").prev().val(newVal);
$(".cat_textbox").each(function() {
var cat = $(this).prev('span').text();
});
if (oldVal < newVal) {
$('.childDropdowns').append(createChildDropdown(newVal));
} else if (oldVal > newVal) {
destroyChildDropdown($('.childDropdowns'), newVal);
}
})
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<form method="post" action="http://www.fardadtour.com/roundtrip_search.bc">
<input type="text" class="cat_textbox" name="child" value="0" />
<ul class="button-group button-click-child">
<li><a href="javascript:void(0)"><span class="hide">+</span></a></li>
<li><a href="javascript:void(0)" ><span class="hide">-</span></a></li>
</ul>
<div class="childDropdowns"></div>
<button type="submit">SEND</button>
</form>
这是你的全部代码吗?你在哪里知道输出? – Jackowski
@Jackowski输出在动作页面中,在那个页面中,我通过名字获得了选择的值。 – inaz
请显示该页面。 – Jackowski