2015-05-28 81 views
0

我一直在使用一段代碼添加數據到一個mysql數據庫使用ajax.I這個工作完美使用文本框添加,但我似乎無法得到它的工作通過用選擇框替換文本框。選擇框發送到ajax代碼

這裏是原來的文本框:

<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(); }); 
    }); 
    }); 
} 

我認爲這將是簡單的,它可能是但我不能得到它的工作, 在此先感謝。

(比爾 - 感謝整理起來)

+0

'名字= 「new-task」' - >'name =「new-task」' – marekful

回答

1

正如你替換選擇輸入,下面的代碼需要改變

$('.add-new-task input[name=new-task]').val(); 

這應該工作

$('.add-new-task select[name=new-task]').val(); 
+0

謝謝Ramesh,那很好。我現在感到很傻。 – Timblebop