Tag: 语义ui

下拉语义UI:更改隐藏的字段值?

我正在使用semantic-ui下拉列表。 我想知道如何根据下拉列表中的用户选择更改隐藏字段中的值? 相关问题可能是! 。 Gender Male Female

renderUI中shiny的语义Ui元素

这个问题是基于我之前关于在shiny的应用程序中添加ui语义元素的。 这里链接,最近的问题: Rshiny应用中的星级评分 , 如何通过单击按钮将shiny的形状翻转? 如果它们是直接在UI.R中构建的,我可以显示评级星和形状。 但是,我在renderUi中需要它们,因为我有一个登录页面并使用了观察UI。 这里的示例代码: Ui.R: shinyUI(semanticPage( shinyjs::useShinyjs() ,uiOutput(“test”))) Server.R: library(shiny) library(shinyjs) library(shiny.semantic) library(highlighter) jsCode <- " $('.shape').shape(); $('.ui.rating') .rating({}); " shinyServer(function(input, output) { runjs(jsCode) output$test <- renderUI({ tagList( div(class="ui shape", div(class="sides", div(class="ui header side active","This side starts visible."), div(class="ui header side","This is yet another side"), div(class="ui header side","This is the last […]

语义UI动态下拉列表

semantic-ui下拉有问题。 我一直在使用Semantic-Ui,并希望动态更改下拉项。 也就是说,当我从第一个下拉列表中选择值时,第二个下拉列表的项目将会更改。 但问题是,当项目发生变化时,无法选择第二个下拉列表,该值不会改变。 下拉列表不会倒退。 HTML 第一次下拉 Choose.. Car Tank Plane 第二次下拉 Choose.. Choose.. …………………….. jQuery $(“#programmetype”).dropdown({ onChange: function (val) { if (val == “val1”) { $(‘#servicetype .menu’).html( ‘Saloon’ + ‘Truck’ ); }; if (val == “val2”) { $(‘#servicetype .menu’).html( ‘Abraham’ + ‘Leopard’ + ); }; if (val == “val3”) { $(‘#servicetype .menu’).html( ‘Jet’ + […]

即使表单validation失败,也会调用语义UI onSuccess回调

提交表单时,仍会调用onSuccess回调,即使validation失败也是如此。 为什么在表单无效时调用它? 示例: https : //jsfiddle.net/tL5xx6m9/7/ 片段: 详细解释以满足提交的代码/文本比率: 在这段代码中,我有调用onSuccess事件时写入的文本。 通过单击提交,您将看到表单无效,并且onSuccess文本被写入。 在该文本下,通过调用$(“.ui.form”).form(‘is valid’) 。 $(“.ui.form”).form({ onSuccess: function(event, fields) { SubmitForm(fields); event.preventDefault(); } }); //Processes the forms data for a submission function SubmitForm(fields) { var valid = $(“.ui.form”).form(‘is valid’); $(‘#successText’).html(“On Success Called” + ” Is Valid: ” + valid); console.log(“Submitting Form”); console.log(fields); } $(‘.ui.form’).form({ fields: { input1: […]

语义UI表单validation – 仅在值不为空时才validation某些表单字段

我有一个表单,其中包含所需的字段以及可选的字段。 我正在使用Semantic UI的表单validation行为来validation字段。 但是,我想要实现的是表单validation行为仅在可选字段中包含值时validation它们。 示例可选字段: First name 必填字段示例: E-mail address 我试了一下,省略了emptyvalidation规则但是没有用。 是否内置了表单validation行为可以帮助我实现这一点,还是需要为可选字段编写自定义validation?