[英]Select box to send to ajax code
我一直在使用一小段代碼通過ajax將數據添加到mysql數據庫中,我可以使用文本框添加來完美地完成此工作,但是我似乎無法通過將文本框替換為選擇框來使其正常工作。
這是原始文本框:
<form class="add-new-task" autocomplete="off">
<input type="text" name="new-task" placeholder="Add a new item..." />
</form>
這是我替換為的代碼:
<form class="add-new-task" autocomplete="off">
<select name = "new-task">
<option value="test1">test1</option>
<option value="test2">test2</option>
</select>
<input type='submit' value='submit'/>
</form>
這是接收代碼:
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
function add_task() {
$('.add-new-task').submit(function(){
var new_task = $('.add-new-task input[name=new-task]').val();
if(new_task != ''){
$.post('add-task.php', { task: new_task }, function( data ) {
$('.add-new-task input[name=new-task]').val('');
$(data).appendTo('.task-list ul').hide().fadeIn();
delete_task();
});
}
return false; // Ensure that the form does not submit twice
});
}
function delete_task() {
$('.delete-button').click(function(){
var current_element = $(this);
var id = $(this).attr('id');
$.post('delete-task.php', { task_id: id }, function() {
current_element.parent().fadeOut("fast", function() { $(this).remove(); });
});
});
}
我認為這很簡單,可能是這樣,但是我無法正常工作,謝謝。
(帳單-感謝您整理)
當您將輸入替換為select時,需要更改以下代碼
$('.add-new-task input[name=new-task]').val();
這應該工作
$('.add-new-task select[name=new-task]').val();
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.