如何在php中选择一个时禁用下拉列表

时间:2015-02-13 13:14:40

标签: javascript php html

有人可以帮我修复我的代码吗? 我的问题是如何选择一个禁用另一个下拉框? 我正在使用PHP和JavaScript编程语言。 我希望任何人都可以帮助我,因为它非常重要。

这是我的代码:

    <head>
           <script type = "text/javascript">
            function disableDrop(){
           if(frmMain.sltMain.options[1].selected){
                 frmMain.sltSecondary.disabled = true;
              }
              else{
                 frmMain.sltSecondary.disabled = false;
                }
              }
                   </script>
        </head>

         <form ID = "frmMain">

      <select ID = "sltMain" onchange = "disableDrop();">
         <option value = "onetime" selected>One-Time</option>
         <option value = "recurring">Recurring</option>
           </select>

         <select ID = "sltMain" onchange = "disableDrop();">
           <option value = "onetime">One-Time</option>
        <option value = "recurring" selected>Recurring</option>
         </select>
             </form>

2 个答案:

答案 0 :(得分:2)

试试这个:Demo

HTML编码:     

  <select ID = "sltMain" onchange = "disableDrop(this);">
     <option value = "onetime" selected>One-Time</option>
     <option value = "recurring">Recurring</option>
       </select>

     <select ID = "sltSecondary" onchange = "disableDrop1(this);">
       <option value = "onetime">One-Time</option>
    <option value = "recurring" selected>Recurring</option>
     </select>
         </form>

<强> JAVASCRIPT:

function disableDrop(elem) {

    if(elem.value == 'recurring'){

    document.getElementById('sltSecondary').disabled = true;
    }
    else{
     document.getElementById('sltSecondary').disabled = false;        
    }

}
function disableDrop1(elem) {


    if(elem.value == 'onetime'){

    document.getElementById('sltMain').disabled = true;
    }
    else{
     document.getElementById('sltMain').disabled = false;        
    }

}

答案 1 :(得分:1)

其中是“slt Secondary”ID ??

第二项具有相同的ID,我认为你的意思是

     <form ID = "frmMain">

  <select ID = "sltMain" onchange = "disableDrop();">
     <option value = "onetime" selected>One-Time</option>
     <option value = "recurring">Recurring</option>
       </select>

     <select ID = "sltSecondary" onchange = "disableDrop();">
       <option value = "onetime">One-Time</option>
    <option value = "recurring" selected>Recurring</option>
     </select>
         </form>