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

使用onclick或mouseover事件从输入中删除disabled属性

1 个答案: