Dart创建HTML单选按钮无法正常工作

编程问答 2022-06-08

问题描述

我正在使用Dart动态生成HTML单选按钮输入元素。然后将生成的单选元素显示在HTML文件的div元素中。除了在div元素中看不到每个单选按钮的文本之外，所有其他方法都工作正常。

每个单选按钮的文本描述符在列表中定义。

要正确显示单选按钮，我在做什么不正确？

Dart代码如下：

import 'dart:html';

void main() {

  divelement  outputdiv = querySelector('#output');
  outputdiv.append(RadioButtonsTest('service',['One','Two','Three']));
  
}

Element RadioButtonsTest(String name,List<String> rb) {

  divelement _myelm = new divelement();
  _myelm.classes.add('dradiobuttons');

  print('Lenghth of list RB: ${rb.length}');

  for (var i = 0; i < rb.length; i++) {
    print('Adding a radiobutton element: ${i}');
    _myelm.append(new InputElement()
      ..type = 'radio'
      ..id = 'rb${rb[i]}'
      ..text = rb[i]
      ..name = name
      ..value = rb[i]
      ..classes.add('btnradio')
      );

  }

  return _myelm;
}

下面的代码表示HTML文件，其中包含一个div，其ID为“输出”：

<!DOCTYPE html>

<html>
<head>
    <Meta charset="utf-8">
    <Meta http-equiv="X-UA-Compatible" content="IE=edge">
    <Meta name="viewport" content="width=device-width,initial-scale=1.0">
    <Meta name="scaffolded-by" content="https://github.com/dart-lang/stagehand">

    <title>Test Radio Button</title>
    <link rel="icon" href="favicon.ico">
    <script defer src="main.dart.js"></script>
</head>

<body>

  <div id="output">

  </div>

</body>
</html>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

dartelementelementhtmlinputradio