下拉選單框select常用點

weixin_34336292發表於2012-06-26
 $("#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>

 

 

相關文章