【问题标题】:Why does the ASP.net dropdownlist does not default to 0 if chosen jquery is used如果使用选择的 jquery,为什么 ASP.net 下拉列表不默认为 0
【发布时间】:2015-04-15 17:20:50
【问题描述】:

我使用的是 Chosen Jquery,导致下拉列表不更新。

这是 HTML:

<select name="ctl00$BodyPlaceHolder$ddl1" id="ddl1" class="chose-select le">
    <option value="Select a State">Select a State</option>
    <option value="Alabama">AL</option>
    <option value="Alaska">AK</option>
    <option value="Arizona">AZ</option>
</select>

将所选索引设置为 0 的 JavaScript:

function setSelectedIndex(dropdownlist, selVal) {
    var ddl1 = document.getElementById(dropdownlist);
    if (selVal < ddl1.selectedIndex) {
        ddl1.selectedIndex = selVal;

        $(ddl1).val(0).trigger('chosen:updated');
    }
}

这可以解决一个问题。问题是一旦函数将所选索引设置为 0,它会将“选择一个选项”显示为 0 索引,而不是默认的第一个选项。

知道如何解决这个问题吗?

【问题讨论】:

  • 删除第 0 个索引处的项目(占位符)?

标签: c# html asp.net jquery-chosen


【解决方案1】:

试试这样的:

<select name="ctl00$BodyPlaceHolder$ddl1" id="ddl1" class="chose-select le">
 <option value="" disabled selected>Select a State</option>
     <option value="Alabama">AL</option>
    <option value="Alaska">AK</option>
    <option value="Arizona">AZ</option>
</select>

【讨论】:

  • 这是一个 ASP.net 下拉列表。
  • @SearchForKnowledge 所以?
  • 如何禁用第一个选项?
  • 可能是这样的? DropDownList1.Items.Insert("", "选择一个状态").Enabled = false;
【解决方案2】:

只要加data-placeholder="Choose a State"就可以了

<select name="ctl00$BodyPlaceHolder$ddl1" id="ddl1" data-placeholder="Choose a State" class="chose-select le">
    <option value="Alabama">AL</option>
    <option value="Alaska">AK</option>
    <option value="Arizona">AZ</option>
</select>

【讨论】:

  • 谢谢。你是如何让你选择的在小提琴中正常工作的?我尝试了同样的方法,但它对我不起作用:/ jsfiddle.net/bpbvhsay/1
  • 您错过了在小提琴中选择 jquery 并且您的 css 链接已损坏为 selected.css
  • 我认为你不能使用 HTTPS,我删除了它,我认为这就是原因:/
  • 愚蠢的我。我从来没有读过警告信息,而是按了取消。它现在可以工作了:) 顺便说一句,您的代码也可以工作。谢谢你..
【解决方案3】:

我不得不删除.val(0),它工作正常。

$(ddl1).trigger('chosen:updated');

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-10-14
    • 2021-12-06
    • 2023-03-04
    • 2016-06-02
    • 2016-11-16
    • 2016-04-10
    • 1970-01-01
    相关资源
    最近更新 更多