设计问题(关于在下拉列表中输入其他项目)

发布于 2024-11-27 01:58:13 字数 145 浏览 2 评论 0原文

问:

我有以下关于接口问题的问题。

我有一个包含项目列表的下拉列表。有时,用户需要选择此下拉列表中不存在的项目(其他)。我希望用户输入他的项目并将其添加到列表中。从界面(角度)、(可用性)和(如何验证用户输入)来看,执行此操作的最佳实践是什么。

Q:

I have the following question about an interface issue.

I have a drop down list contains a list of items . Sometimes ,the user needs to select an item not exist in this drop down list(others).I wanna the user to enter his item and added to the list. What is the best practice to do this from interface(point of view).(usability).and(How to validate the user entry).

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

橪书 2024-12-04 01:58:13

如果用户从下拉列表中选择“其他”选项,您可以向用户提供“文本框”,以便能够输入新条目。当用户按确定后,定义好值后,可以检查DB中的值是否存在,如果不存在,可以将该值添加到DB中。

我希望我能够解释这个想法。

编辑:参考您的评论,它会像..

DropDownList1.DataSource = DataSource;
DropDownList1.DataTextField = "TextField";
DropDownList1.DataValueField = "ValueField"
DropDownList1.DataBind();

// Now add the other option, it will be added in the last
DropDownList1.Items.Add("Other");

If the user selects the Other option from the dropdownlist, you can provide the textbox to the user that use will be able to enter a new entry. When the user presses OK, after defining the value, you can check the value in the DB, whether this exist or not, if not existed, you can add the value to DB.

I hope, I am able to explain the idea.

Edit: Referring to your comment, it will be like..

DropDownList1.DataSource = DataSource;
DropDownList1.DataTextField = "TextField";
DropDownList1.DataValueField = "ValueField"
DropDownList1.DataBind();

// Now add the other option, it will be added in the last
DropDownList1.Items.Add("Other");
一杯敬自由 2024-12-04 01:58:13

最好的选择是,当用户选择此选项时,允许列表框中的其他选项通过 javascript 动态添加文本框,一旦用户回答,它会通过服务器端的 ajax 进行验证,然后将其添加到您的选项中。

the best option would be, allow other option in list box when user selects this option add text box dynamically via javascript and once user answers it validate via ajax at server side and then add it to your options.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文