jquery - 使用 onclick 或 mouseover 事件从输入中删除禁用属性

Question

我有一个要求用户输入文本的输入，但用户也可以使用下拉选择列表中的建议。当用户从下拉列表中选择某些内容时，输入值会更改用户在下拉列表中选择的任何内容。当用户从下拉列表中选择时，输入也将被禁用。但是当用户点击它时，用户应该能够再次在输入框中输入。

我做了一些它可以工作的东西，但是如果你再次选择它就不起作用，它会在第一次调用时起作用。

我使用 twitter bootstrap 和 selectpicker 插件。

代码

<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();