Javascript &引用；“数据角色”；以「；地铁用户界面“；接口_Javascript_Html_Metro Ui Css

Javascript &引用；“数据角色”；以「；地铁用户界面“；接口

javascript html

Javascript &引用；“数据角色”；以「；地铁用户界面“；接口,javascript,html,metro-ui-css,Javascript,Html,Metro Ui Css,我想为google脚本web应用程序设置一个表单。我将使用“Metro UI”进行此操作。当我将“数据角色=“选择”功能添加到选择列表时，重置按钮不起作用。这是什么原因？谢谢你的支持 HTML <!DOCTYPE html> <html lang="en"> <head>  <meta charset="utf-8">

我想为google脚本web应用程序设置一个表单。我将使用“Metro UI”进行此操作。当我将“数据角色=“选择”功能添加到选择列表时，重置按钮不起作用。这是什么原因？谢谢你的支持

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <!-- Metro 4 -->
    <link rel="stylesheet" href="https://cdn.metroui.org.ua/v4/css/metro-all.min.css">
  </head>
  <body>
    <h1>Hello, world!</h1>

<button>Reset</button>
<select data-role="select">
  <option>1</option>
  <option>2</option>
  <option>3</option>
</select>

<select>
  <option>a</option>
  <option>b</option>
  <option>c</option>
</select>


    <!-- Metro 4 -->
    <script src="https://cdn.metroui.org.ua/v4/js/metro.min.js"></script>
  </body>
</html>

$("button").click(function() {
    $('select').prop('selectedIndex', 0);
});