2016-07-11 5 views
1

ここは私のUIです。ハイライトされたドロップダウン私が欲しいものAjaxを使用してデータベースの各行のドロップダウンを更新したい

Highlighted is the Dropdown

のですか?私は

AJAX

を使用して、データベース内の、それはその特定の行のために更新されるはずですドロップダウンのいずれかのオプションを選択したよう

以下は、私が書いたコードがあります。私はちょうど初心者です、コードがきちんとしていない場合はごめんなさい!

私はCodeIgniterの

フロントエンド

<?php if(is_array($fbrecords) && count($fbrecords) > 0) 
foreach($fbrecords as $r) { ?> 
    <tr> 
     <td><?php echo $r->fullname; ?></td> 
     <td><?php echo $r->email; ?></td> 
     <td><?php echo $r->mobile; ?></td> 
     <td><?php echo $r->message; ?></td> 
     <td><?php echo $r->jtime; ?></td> 
     <td> <?php $data=array(

'name'=>'status', 
'row' => '12px', 
'id' => 'status', 
'selected'=>'none', 
'class'=>'statusClass' 

); 
$data_status = array(
'none' => 'none', 
'A&A' => 'Attended & Acted', 
'YTA' => 'Yet to Attend', 
); 
echo form_dropdown($data, $data_status, set_value('status')); ?> </td> 

Ajaxのコードを使用しています - 私は天気の次の行のドロップダウンが選択されているかいないを見るためにconsole.logを追加しました

$(document).ready( function() { 
$(".statusClass").change(function(event) { 

//var dropDown = document.getElementById("status"); 
//var status = dropDown.options[dropDown.selectedIndex].value; 
var status = $("select.statusClass").val(); 
console.log(status); 
jQuery.ajax({ 
type: "POST", 
url: "<?php echo base_url(); ?>" + "index.php/user_authentication/user_data_status_submit", 
dataType: 'json', 
data: {status:status}, 
success: function(data){ 
if (result) 
{ 
alert("success"); 
} 
} 

}); 
}); 
}); 

コントローラ

public function user_data_status_submit(){ 

$data = array(

'status' => $this->input->post('status'), 

); 

//Either you can print value or you can send value to database 
echo json_encode($data); 
$this->login_database->feedback_update($data); 

} 

*コンソールOuputs最初の3行は三度1行選択を表示するために - 以下はそのScreeshotsです*

Shows the first row o/p thrice after selecting 2nd and 3rd row DropDown

+1

var status = $(this).val(); console.log(status); と確認してください。 – Jagadeesh

+0

OMG !!!あなたは天才だ!一日中、私はこれについて怒っていた!これはこのポータルでの私の最初の質問であり、すぐに答えが得られました。ありがとう!!! – Jeeva

答えて

1

あなたはすべての値をチェックしています選択ボックス。代わりに、thisキーワードが使用する結果を得るために更新する値を取得します。

$(document).ready( function() { 
$(".statusClass").change(function(event) { 
    var status = $(this).val(); 
関連する問題