2012-11-13 27 views
0

我有一種形式,當選擇單選按鈕時,它將查詢數據庫並填充選擇列表或更改選擇到(主要是工作 - 不會回去選擇文本框 - 現在不那麼重要)radio btn選擇將顯示選擇列表或文本字段,然後該值查詢並顯示在另一個文本字段

然後,我希望它從select或textbox中取值,並將其放入一個字符串變量中。那我想我可以從那裏拿走它。我希望。 (我將使用字符串來查詢來獲取其他信息來填充號碼布)

這裏是我的JS/PHP被亂投醫

$(document).ready(function() { 
    var bibfield = ""; 

    $('#a1').change(function() { 
     //$('#hiddenText').hide(); 
     $('#hidden').empty(); 
     //$('#hidden').show(); 
     $.each(arrayShort, function (i, val) { 
      $('#hidden').append('<option value="' + val + '">' + val + '</option>'); 
     }); 
    }); 

    $('#a2').change(function() { 
     //$('#hiddenText').hide(); 
     $('#hidden').empty(); 
     //$('#hidden').show(); 
     $.each(arrayLong, function (i, val) { 
      $('#hidden').append('<option value="' + val + '">' + val + '</option>'); 
     }); 
    }); 

    $('#a3').change(function() { 
     //$('#hidden').hide(); 
     //$('#hiddenText')show(); 

     $('#hidden').replaceWith('<input name="hidden" id="hiddenText" type="text" size="26" >'); 

    }); 
}) 

這裏是我的形式

<input name="btn1" id="a1" type="radio" value="Radio button 1" /> 
<input name="btn1" id="a2" type="radio" value="Radio button 2" /> 
<input name="btn1" id="a3" type="radio" value="Radio button 3" /> 
<select id="hidden" name="hidden"> 
    <option selected></option> 
</select> 
<input type="text" name="sBib" /> 
<input type="text" name="eBib" /> 

我需要填充選擇如果a1或a2被選中,但是如果a3被選中,那麼我需要用文本框替換選擇然後填充變量bibfield,以便我可以用它查詢

新來這個,我很累,不能想直所有的幫助表示讚賞!

回答

0

這裏要更換隱藏着hiddenText,並再次試圖找到隱藏其中消失已 需要更正像下面我在哪裏有相同的id =「隱藏」

$(document).ready(function() { 
     var bibfield = ""; 
     // variable to indicate if select dropdown is available already otherwise create new 
     var selectAvailable=true; 
     $('#a1').change(function() { 
      //$('#hiddenText').hide(); 
      //$('#hidden').empty(); 
      //$('#hidden').show(); 
      $.each(arrayShort, function (i, val) { 
       if(selectAvailable) 
     { 
     $('#hidden').append('<option value="' + val + '">' + val+ '</option>'); 
     } 
     else 
     { 
       selectAvailable=true; 
      $('#hidden').replaceWith('<select id="hidden" name="hidden"> 
       <option value="' + val + '">' + val + '</option></select>'); 
     } 
      }); 
     }); 

     $('#a2').change(function() { 
      //$('#hiddenText').hide(); 
      // $('#hidden').empty(); 
      //$('#hidden').show(); 
      $.each(arrayLong, function (i, val) { 
      if(selectAvailable) 
     { 
      $('#hidden').append('<option value="' + val + '">' + val + '</option>'); 
     } 
     else 
     { 
     selectAvailable=true; 
      $('#hidden').replaceWith('<select id="hidden" name="hidden"> 
       <option value="' + val + '">' + val + '</option></select>'); 
     } 

     }); 

     $('#a3').change(function() { 
      //$('#hidden').hide(); 
      //$('#hiddenText')show(); 
      selectAvailable=false; 
      $('#hidden').replaceWith('<input name="hidden" id="hidden" type="text" size="26" >'); 

     }); 
    }); 
更換整個選擇或輸入您的代碼
+0

謝謝,我會嘗試! – Bodine

+0

是工作嗎? –

相關問題