下拉列表框select常用点 - lovebeauty

下拉列表框select常用点

 $("#organizationCode").val($(this).val());
 // $("#organizationName").val($("#" + this +" option:selected").text());错误的
 $("#organizationName").val($(this).find("option:selected").text());

var select=document.getElementById("id号");
var selectedItem = select.options(select.selectedIndex);//获取当前选中项 
var text=selectedItem.text; //选中项的文本 
var value=selectedItem.value; //选中项的值
select.selectedIndex=0;//设定option的选项index
new Option(str1,str2)
<option  value="str2">str1</option>

页面初始化时，自动勾选那个数据库中读出来的数据所对应的下拉选择框

//JS  value来确定某个option项选中
 var b = "<?php echo null != $this->RETURNSTATUS ? $this->RETURNSTATUS:""?>";
     if(null != b) {
         for(var i=0;i<a.options.length;i++){
            if(b==a.options[i].value){
                   a.options[i].selected = \'selected\';
              }
         }
或者下面这种  text来确定某个option项选中
for(var i=0;i<a.options.length;i++){ 

             if(b==a.options[i].text){ 
                a.options[i].selected = \'selected\'; 
             }
         }
     };

 $("#select_source option").each(function (){
                if($(this).text()==select_source_value){
                    $(this).attr(\'selected\',true);
                }
 });
       //代码触发下拉框的onchange事件  $(\'#select_source\').trigger(\'change\');
//界面
 
 <td  align="left">
                               <select name="RETURNSTATUS" id="RETURNSTATUS">
                                      <option value ="RETURNNOTES_1" selected="selected">是</option>
                                      <option value ="RETURNNOTES_0">否</option>
                                      <option value ="RETURNNOTES_2">全部</option>
                               </select>
  </td> 

 

三级级联

$(document).ready(function(){
        $(\'#Branchid\').change(//省机构联动市机构
            function(){
                $.ajax({
                    url:\'/agent/agentbroker/findcitycodes\',
                    type:\'POST\',
                    data:{Branchid:$.trim($(\'#Branchid\').val())},
                    dataType:\'json\',
                    timeout:5000,
                    error: function(){ alert(\'服务器错误, 请与管理员联系!\', \'提示信息\'); },
                    success: function(result){
                        $("#Citycode").empty();
                        $("#Ubranchid").empty();
                        jQuery("#Citycode").append("<option value=\'\'>－－请选择：－－</option>");
                        jQuery("#Ubranchid").append("<option value=\'\'>－－请选择：－－</option>");
                        if (result!=null){
                               for(var i in result){
                                opt = window.Option(result[i].categoryid,result[i].zhname);
                                jQuery("#Citycode").append("<option value="+result[i].categoryid+">"+result[i].zhname+"</option>");
                               }
                        }
                    }
                });
            }    
        );
        $(\'#Citycode\').change(//市机构联动区机构
                function(){
                    $.ajax({
                        url:\'/agent/agentbroker/findsaledepartmentcodes\',
                        type:\'POST\',
                        data:{Citycode:$(\'#Citycode\').val()},
                        dataType:\'json\',
                        timeout:5000,
                        error: function(){ alert(\'服务器错误, 请与管理员联系!\', \'提示信息\'); },
                        success: function(result){ 
                            $("#Ubranchid").empty();
                            jQuery("#Ubranchid").append("<option value=\"\">－－请选择：－－</option>");
                            if (result!=null){
                                for(var i in result){
                                    opt = window.Option(result[i].categoryid,result[i].zhname);
                                    jQuery("#Ubranchid").append("<option value="+result[i].categoryid+">"+result[i].zhname+"</option>");
                                }
                            }
                        }
                    });
                }    
            );
    });

 

允许在下拉列表中进行多选：

<select multiple="multiple" size="2">
  <option value ="volvo">Volvo</option>
  <option value ="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>