为选择框添加值和名称

时间:2013-03-05 11:35:44

标签: php jquery

<?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>";
}
?>  

这是我在数据库表中填充的选择框。

$('.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函数。我正在抓住我要作为选择框上的选定项目显示的贱民姓名和部门价值

4 个答案:

答案 0 :(得分:0)

我认为我们需要看到更多代码才能正常提供帮助。什么是.sheUpdate类的元素的html代码?

这个链接元素实际上是否具有dptname和dptid属性?

您在#Deptmentselectbox上使用的代码是什么?

答案 1 :(得分: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);
});

答案 2 :(得分: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

答案 3 :(得分: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);
}