2014-03-29 91 views
1

我在互聯網上搜索了一段時間但找不到我想要的內容。如何在選擇下拉菜單時禁用文本字段

如何禁用文本字段時有一個選擇下拉列表中選擇與值(非emtpy)?

此外它將很高興切換它。當在選擇下拉列表中沒有選擇任何選項時(無值),用戶可以輸入文本字段

我發現了類似的代碼,但在這裏它檢查值是否等於「/ \ Custom \ b/gi 「我希望它檢查是否選擇了某項內容?

$('#Select_Font, #Enter_Text').attr('disabled', 'disabled'); 
$('.dropdownstyle').change(function() { 

    var present = $(this).val().match(/\Custom\b/gi) == null ? true : false; 
     if(present){ 
      $('#Select_Font, #Enter_Text').attr('disabled', 'disabled'); 
     } 
     else{ 
      $('#Select_Font, #Enter_Text').removeAttr('disabled'); 
     } 
}); 

來源:How to enable or disable drop-down or text-box on selection other drop-down?

這可能嗎?先謝謝了。

編輯:

HTML

<div class='row'> 
    <div class="large-6 columns"> 
     <label for="group">Group 

      <select name="selectGroup" id="selectGroup"> 
       <option value="">Choose a group</option> 

       <?php 
       while ($row = $result->fetch_assoc()) { 
        echo '<option value="' . $row['group'] . '">' . $row['group'] . '</option>'; 
       } 
       ?> 

      </select> 
     </label> 
    </div> 

    <div class="large-6 columns"> 
     <label for="group">Or make a new group 
      <input type="text" name="makeGroup" id="makeGroup"/> 
     </label> 
    </div> 
</div> 
+0

有什麼相關的HTML? –

回答

1
$('#selectGroup').change(function() { 
    $('#Select_Font, #Enter_Text').prop('disabled', this.value.length); 
}); 

FIDDLE

+0

當您在文本字段中鍵入了一些值並選擇了一個組(選項)時,該值仍在文本字段中,我使用了$('#textCategorie')。removeAttr('value');但沒有奏效 – Proliner

+0

這是一個你沒有真正問的無關問題,但你會這樣做 - > ** http://jsfiddle.net/adeneo/9reSb/5/** – adeneo

相關問題