[英]Default value in drop down list
我必須在下拉列表中將“選擇選項”顯示為禁用選項。 從另一個頁面顯示下拉列表。
頁面1.php
<div class="col-md-4">
<select class="form-control" name="task" id="task" required>
<option selected="selected" value="">Choose Task</option>
<option selected="selected" value="task1">Task 1</option>
<option selected="selected" value="task2">Task 2</option>
</select>
</div>
<div class="col-md-4">
<select class="form-control" name="subtask" id="subtask" required>
<option selected="selected" value="">Choose SubTask</option>
</select>
</div>
javascript部分:
$("#task").change(function()
{
var id=$(this).val();
$.ajax
({
type: "POST",
url: "query.php",
data:{id: id,
task: 1,
},
cache: false,
success: function(html)
{
$("#subtask").html(html);
}
});
});
查詢.php
if($_POST['task'])
{
$id1=$_POST['id'];
$sql2="SELECT * FROM sub WHERE task_int='$id1'";
$result2=$conn->query($sql2);
echo '<option disabled selected value> Choose option</option>';
while($row2=$result2->fetch_assoc())
{
$id=$row2['sub_int'];
$data=$row2['sub_name'];
echo '<option value="'.$id.'">'.$data.'</option>';
}
}
我已經嘗試了上面的代碼,但它沒有在從數據庫中檢索到的其他數據之上顯示“選擇選項”。
<div class="col-md-4"><select class="form-control" name="task" id="task" required="">
<option selected="selected" value="0" disabled="disabled">Choose option</option>
<option value="">Choose Task</option>
<option value="task1">Task 1</option>
<option value="task2">Task 2</option>
</select></div>
<div class="col-md-4"><select class="form-control" name="subtask" id="subtask" required="">
<option selected="selected" value="" disabled="disabled">Choose option</option>
<option value="">Choose SubTask</option>
</select></div>`enter code here`
你必須把你的php代碼改成這個
if($_POST['task'])
{
$id1=$_POST['id'];
$sql2="SELECT * FROM sub WHERE task_int='$id1'";
$result2=$conn->query($sql2);
echo '<select class="form-control" name="subtask" id="subtask" required>';
echo '<option value>Choose SubTask</option>';
echo '<option disabled selected value> Choose option</option>';
while($row2=$result2->fetch_assoc())
{
$id=$row2['sub_int'];
$data=$row2['sub_name'];
echo '<option value="'.$id.'">'.$data.'</option>';
}
echo '</select>'
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.