[英]I want to submit the form when last option of dropdown is selected options are generated dynamically
[英]Submit dropdown form upon changing selected option
因此,我有一個帶有“下一個”和“上一個”(上一個)按鈕的下拉菜單。 我希望如此,因此在按下next或prev時,它還將提交下拉選項。
<input type="button" id="change2" value="prev" />
<select id="Questions">
<option value="QA">QUESTION A</option>
<option value="QB">QUESTION B</option>
<option value="QC">QUESTION C</option>
<option value="QD">QUESTION D</option>
</select>
<input type="button" id="change" value="next" />
這是它的JQuery:
$(window).load(function(){
var dd = $('#Questions'),
max_len = dd.find('option').length;
$('#change').click(function () {
var x = dd.find('option:selected').index();
if (max_len == x + 1) {
x = -1;
}
dd.find('option').eq(x + 1).prop('selected', true);
});
$('#change2').click(function () {
var x = dd.find('option:selected').index();
if (max_len == x + 1) {
x = -1;
}
dd.find('option').eq(x - 1).prop('selected', true);
})
});
我該如何做,以便當我單擊“下一步”或“上一步”時,它也提交表單?
謝謝
您可以使用$.ajax();
。
一個非常通用的解決方案可能看起來像這樣:
$(document).ready(function() {
$("#change, #change2").on('change', function(){
$.ajax({
url: 'sendTheDataHere',
type: 'POST',
data: {keyname:$('#Questions option:selected').val()},
success: function () {},
error: function () {}
});
});
});
您可以使用jQuery提交表單。 查看此問題的頂部答案以獲取詳細信息。 假設您在表單上設置了一個action
屬性,則可能只需要這樣的內容:
$('#change').click(function () {
// your other logic here
$('form').submit();
});
<input type="button" id="change2" value="prev" onclick="changeS()"/>
<select id="Questions">
<option value="QA">QUESTION A</option>
<option value="QB">QUESTION B</option>
<option value="QC">QUESTION C</option>
<option value="QD">QUESTION D</option>
</select>
<input type="button" id="change" value="next" onclick="changeS()"/>
JS代碼
<script>
function changeS() {
/* document.getElementById('change').getElementsByTagName('option')[1].selected = true;*/
var r=document.getElementById('change').selectedIndex+1;
document.getElementById('change').getElementsByTagName('option')[r].selected = true;
}
</script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.