grails 表单可选控件

发布于 2024-10-19 12:27:54 字数 232 浏览 2 评论 0原文

我有一个包含两个选择的表单,但第二个选择是可选的,具体取决于第一个选择的值。例如:

<select name="country" from="['US', 'CA']">

<select name="language" from="['FR', 'EN']" disabled=true>

只有当从国家/地区选择 CA 时,我才希望语言组合框处于活动状态。

I have a form with two selects, but the second select is optional depending on the value selected from the first. For instance:

<select name="country" from="['US', 'CA']">

<select name="language" from="['FR', 'EN']" disabled=true>

Only if CA was selected from country do I want language combobox active.

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

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

发布评论

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

评论(2

差↓一点笑了 2024-10-26 12:27:54

默认情况下,Grails 不提供执行此操作的方法。由于 GSP 标签允许您使用普通的 HTML 事件,因此您需要编写 JavaScript 来根据第一个选择的值启用和禁用第二个选择。您将需要查看 onchange 事件来执行此操作。如果您需要执行大量自定义 UI 类型的操作,您可能需要考虑使用 Grails 的 JavaScript 插件。默认情况下,Prototype 包含在 Grails 中。其他几个 Java 脚本库可作为 Grails 插件使用,包括 jQueryYUI

Grails doesn't provide a way to do this by default. Since GSP tags allow you to use normal HTML events you would need to write JavaScript to enable and disable the second select based on the value of the first. You will want to look at the onchange event to do this. If you need to do a lot of custom UI type stuff you may want to look at using a JavaScript plugin for Grails. Prototype is included with Grails by default. Several other java script libraries are available as Grails plugins including jQuery and YUI

森罗 2024-10-26 12:27:54

我同意,javascript就是你想要的。我建议在 JQuery 中编写此内容,因为我相信 Grails 将在 v1.4 中将其设置为默认值(而不是 Prototype)。要在 JQuery 中执行此操作,将是这样的:

$("[name=country").change(function() {
  $("[name=language]").attr("disabled", ($(this).val() == "CA"));
});

I agree, javascript is what you want. I'd recommend writing this in JQuery, since Grails is going to making that the default (over Prototype) in, I believe, v1.4. To do this in JQuery it would be something like this:

$("[name=country").change(function() {
  $("[name=language]").attr("disabled", ($(this).val() == "CA"));
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文