2013-03-05 59 views
1

增值和名稱來選擇框

<?php 
$sql = "SELECT `docid`, `fullname` FROM `doctors` ORDER BY fullname ASC"; 
$result = $database->query($sql) or die('cannot connect to the database'); 

while($row = mysql_fetch_array($result)) 
{ 
echo"<option value= ".$row['docid'].">".$row['fullname']."</option>"; 
} 
?> 

這是我的,我正在通過datbase表填充選擇框。

$('.sheUpdate').click(function(){ 

    var deptment = $(this).attr('dptname'); 
    var deptid = $(this).attr('dptid'); 

    i want to make this one as SELECTED ITEM ON THE Select box 
    $("#Deptmentselectbox").prepend('<option value='+deptid+'>'+deptment+'</option>') 

}); 

這是我的jQuery代碼。當我點擊「.sheUpdate」鏈接時,我有幾個值,我正在使用attr函數。我正在揀選depatment名稱和部門值,我想將其顯示爲選擇框上的選定項目

+0

哪裏是你的.sheUpdate類? – 2013-03-05 11:37:48

+0

你會得到什麼錯誤?調試時會發生什麼? – 2013-03-05 11:38:00

+0

'attr()'僅用於HTML屬性。 – Achrome 2013-03-05 11:38:07

回答

0

我認爲我們需要看到更多代碼才能夠正確幫助。什麼是.sheUpdate類元素的html代碼?

此鏈接元素實際上是否具有屬性dptname和dptid?

您在#Deptmentselectbox上使用的代碼是什麼?

+0

dptname= time= date= status= > 2013-03-05 11:46:51

0

您添加的代碼工作正常。 只需要將新添加的元素設置爲選中狀態。

please check this fiddle 也請讓我知道珍惜,如果你寫這個

alert($(this).attr('dptname')); 
alert($(this).attr('dptid')); 


$('.sheUpdate').click(function(){ 

    var deptment = $(this).attr('dptname'); 
    var deptid = $(this).attr('dptid'); 
    $("#Deptmentselectbox").prepend('<option value='+deptid+'>'+deptment+'</option>') 
    $("#Deptmentselectbox").get(0).selectedIndex = 0; 
    // OR $("#Deptmentselectbox").val(deptid); 
}); 
+0

我看到你的小提琴。告訴我如何將前置選項設置爲選定的選項,而不是像這樣使用\t $(「#Deptmentselectbox」)。prepend('') $(「#Deptmentselectbox 「).val(deptment) – 2013-03-05 11:51:08

+0

$('#Deptmentselectbox')。get(0).selectedIndex = 0; OR $(「#Deptmentselectbox」)。val(deptid) – 2013-03-05 11:55:04

+0

無法正常工作..我編輯了我原來的問題看看 – 2013-03-05 12:03:35

0

在這裏,你得到的是一個解決方案希望它有助於

$(document).ready(function(){ 
    $("#test1").click(function(){ 
     var data = $("#t").val(); 
     var data1 = $("#r").val(); 
     $("#try").prepend('<option value='+data+' selected="selected">'+data1+'</option>'); 
    }); 

    }); 

Click Here For Demo

+0

不起作用,因爲前置項目不是選擇框中的SELECTED項目Roger – 2013-03-05 12:05:25

+0

@AhmedYaser:更新了我的鏈接和答案。請檢查。並讓我知道你是否想要 – Roger 2013-03-05 12:10:02

0

假設你最初的選擇框是這樣的:

<select id="Deptmentselectbox"> 
    <option value=''> Select a department </option> 
</select> 

刪除選定的第一個選項中的佔位符:

$('.sheUpdate').click(function(){ 
    var deptment = $(this).attr('dptname'); 
    var deptid = $(this).attr('dptid'); 
    if($("#Deptmentselectbox").val() == '') 
    $("#Deptmentselectbox").html('<option value='+deptid+'>'+deptment+'</option>'); 
    else 
    $("#Deptmentselectbox").prepend('<option value='+deptid+'>'+deptment+'</option>'); 
    $("#Deptmentselectbox").val(deptid); 
}