オプションを選択

Database Screen Shot オプションを選択

ストリーム

1）CSE

2）ECE

学期

1）1

2）3

3）5

件名

1）DBMS

2）OS

4）SS

3）DCLD私は学期ドロップダウンボックス、DBMSからCSEからストリームドロップダウンボックスとを選択する時期

上記の3つのフィールドは、私が欲しいdatabase.Whatであるがある件名から選択する必要がありますドロップダウンボックスなど。

Iはすでにすなわちストリームと件名 iはストリームからオプションを選択すると、対応する値が学期ドロップダウンから

以下のコードの実行を選択した手段2つのドロップダウンボックスのオプションの選択を設定していますストリームと学期ドロップダウンから選択件名ドロップダウンで私を助けてwell.Please

コードは以下である：

select.php

<html> 
<head> 
<link rel="stylesheet" type="text/css" href="select_style.css"> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript"> 
function fetch_select(val) 
{ 
$.ajax({ 
type: 'post', 
url: 'fetch_data.php', 
data: { 
get_option:val 
}, 
success: function (response) { 
document.getElementById("new_select").innerHTML=response; 
} 
}); 
} 

</script> 

</head> 
<body> 
<p id="heading">Select Subject for Timesheet</p> 
<center> 
<div id="select_box"> 
<select onChange="fetch_select(this.value);"> 
<option>Select Stream</option> 
<?php 
$host = 'localhost'; 
$user = 'xx'; 
$pass = 'zzz'; 
mysql_connect($host, $user, $pass); 
mysql_select_db('sample'); 

$select=mysql_query("select stream from streamSub group by stream"); 
while($row=mysql_fetch_array($select)) 
{ 
echo "<option>".$row['stream']."</option>"; 
} 

?> 
</select> 

<select id="new_select"> 
</select> 
</div>  
</center> 
</body> 
</html>

fetch_data.php

<?php 
if(isset($_POST['get_option'])) 
{ 
$host = 'localhost'; 
$user = 'XX'; 
$pass = 'ZZZ'; 
mysql_connect($host, $user, $pass); 
mysql_select_db('sample'); 

$stream = $_POST['get_option']; 
$find=mysql_query("select subject from streamSub where stream='$stream'"); 
while($row=mysql_fetch_array($find)) 
{ 
echo "<option>".$row['subject']."</option>"; 
} 

exit; 
} 
?>

出典

2017-01-30 Partha Pratim Deb

共有データベーステーブルもあります。 –

@ SujalPatelデータベースのスクリーンショットは共有されています。 –

Main.php

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>Fetch Data Using Ajax</title> 
<style type='text/css'> 
    .hide{ 
    display: none; 
    } 
    .show{ 
    display: block; 
    } 
</style> 
</head> 
<body> 
<form> 
    <div> 
    <label> 
     Stream 
    </label> 
    <select id="stream"> 
     <option value="">Select Stream</option> 
     <option value="CSE">CSE</option> 
     <option value="ECE">ECE</option> 
    </select> 
    </div> 
    <div> 
    <label> 
     Semester 
    </label> 
    <select id="sem"> 
     <option value="">Select Semester</option> 
     <option value="1">1</option> 
     <option value="2">3</option> 
     <option value="3">5</option> 
    </select> 
    </div> 
    <div id="subjectDiv" class="hide"> 
    <label> 
     Subject 
    </label> 
    <select id='subject'> 

    </select> 
    </div> 
</form> 
</body> 
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.1.1.min.js"></script> 
<script> 
$(document).ready(function(){ 
$('#sem').change(function(){ 
    $.ajax({ 
    url:'getData.php', 
    type:'POST', 
    data:{ 
     stream : $('#stream').val(), 
     sem : $('#sem').val() 
    }, 
    success:function(result){ 
     console.log(result); 
     $('#subject').html(result); 
     $('#subjectDiv').removeClass('hide'); 
     $('#subjectDiv').addClass('show'); 
    } 
    }); 
}); 
});

のgetData。PHP

<?php 

$con = mysqli_connect('localhost','root','','test'); 

$query = "SELECT * FROM getdata WHERE stream = '".$_POST['stream']."' AND sem = ".$_POST['sem']; 

$row = mysqli_query($con,$query); 

echo "<option value=''>Select Subject</option>"; 
while($data = mysqli_fetch_assoc($row)){ 
    echo "<option value='".$data['subject']."'>".$data['subject']."</option>"; 
} 
?>

出典

2017-01-30 18:51:06

Sujal Patelに提案していただきありがとうございます。私はStreamとSemを選択すると非常に小さな問題があると思います。対応するSubjectが来ました。しかし、別のストリームに切り替えて前のsem値を変更しないと、最後のストリームからの件名が表示されています。しかし、 "1"から始まるsem値を変更すると正しいものが表示されます。 –

オプションを選択

答えて

関連する問題