удаление отключенного атрибута из ввода с событием onclick или mouseover

Question

У меня есть вход, который просит пользователя ввести текст, но также пользователь может использовать предложение из выпадающего списка выбора. когда пользователь выбирает что-то из раскрывающегося списка, значение ввода изменяется независимо от того, какой пользователь выбирает в раскрывающемся списке. также вход будет отключен, когда пользователь выберет из выпадающего списка. но пользователь должен иметь возможность вводить текст в поле ввода, когда пользователь нажимает на него.

Я сделал что-то, что он работает, но он работает при первом вызове, если вы выберете его снова, он не работает.

Я использую twitter bootstrap, а также selectpicker plugin.

коды

<script> 
$(document).ready(function() { 

       $('.selectlink').selectpicker(); 
       $(".selectlink").click(function(event) { 
        var selected = $(".selectlink :selected").text(); 
        $('.selectgrouplink').val(selected); 
        $('.selectgrouplink').attr('disabled', true); 
       }); 
       $(".disabled-link > div").click(function(event) { 
        $(this).hide().prev("input[disabled]").prop("disabled", false).focus(); 
       }); 
      }); 
</script> 

HTML

  <div class="input-append"> 
      <div class="disabled-link"> 
       <input name="group" type="text" placeholder="Grup secin" id="appendedDropdownButton" data-provide="typeahead" data-items="4" class="selectgrouplink" required oninvalid="this.setCustomValidity('Lutfen bir grup secin')"> 
       <div style="position:absolute; left:0; right:0; top:0; bottom:0;"></div> 
      </div> 
       <select name="selectlink" class="selectlink"> 
       <option value="haberler">Popüler Gruplar</option> 
       <option value="video">Video</option> 
       <option value="komik">Komik</option> 
       <option value="fotograf">Fotograf</option> 
       </select> 
      </div> 

Answer 1

Как об использовании :disabled вместо

$(this).hide().prev("input:disabled").prop("disabled", false).focus();