Javascript代码在html下拉选项元素中不起作用

桑迪普·米什拉

我想在HTML页面的html下拉选项中绑定上一年。以下是我的代码

<option value="(new Date()).getFullYear() - 1;">(new Date()).getFullYear() - 1;</option>

这可能吗..?

安东尼·格里斯

是的,有可能。但是,您不能仅仅将JavaScript代码随意放置在HTML的中间,并希望将其解释为JavaScript。这仅适用于特殊属性(onclick例如),否则,您需要使用<script>标记来表明它是JavaScript。

就是说,我将仅使用HTML创建HTML<select>元素,然后<option>使用JavaScript添加元素,如下所示:

<select name="test" id="mySelect"></select>

<script type="text/javascript">
    var select = document.getElementById('mySelect');

    var option = document.createElement('option');
    option.value = (new Date()).getFullYear() - 1;
    option.innerHTML = (new Date()).getFullYear() - 1;

    select.appendChild(option);
</script>

jsFiddle演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

JS中的HTML下拉表单添加选项:在Firefox中不起作用

来自分类Dev

OnClick事件在下拉选项中不起作用

来自分类Dev

div元素在HTML中不起作用

来自分类Dev

Javascript代码在Firefox中不起作用

来自分类Dev

php代码在javascript中不起作用

来自分类Dev

Ajax代码在JavaScript中不起作用

来自分类Dev

代码不起作用。Android中的下拉菜单

来自分类Dev

Html.ActionLink 在 html 选项标签中不起作用

来自分类Dev

Javascript在html文件中不起作用

来自分类Dev

javascript依赖下拉列表在IE 8中不起作用

来自分类Dev

Bootstrap下拉菜单-显示所选项目最近的元素不起作用

来自分类Dev

代码不起作用(JavaScript)

来自分类Dev

javaScript代码不起作用

来自分类Dev

在AngularJS中,HTML模板中包含的所有内联javascript代码均不起作用

来自分类Dev

javascript的选项卡在IE中不起作用

来自分类Dev

Android-Webview HTML代码提取不起作用(Javascript)

来自分类Dev

HTML5表单验证的Javascript代码不起作用

来自分类Dev

HTML5表单验证的Javascript代码不起作用

来自分类Dev

JavaScript 代码在 WPF WebBrowser 加载的 HTML 页面中不起作用

来自分类Dev

JavaScript 代码在 WPF WebBrowser 加载的 HTML 页面中不起作用

来自分类Dev

为什么“脚本”中的代码在 html 中不起作用?

来自分类Dev

通过javascript创建HTML元素不起作用

来自分类Dev

JavaScript下拉列表不起作用

来自分类Dev

HTML代码在OpenCart运送方法标签中不起作用

来自分类Dev

相同的代码在不同的IDE中不起作用-html,css

来自分类Dev

htaccess中的AddType后html代码不起作用

来自分类Dev

html中的按钮元素的100%高度不起作用

来自分类Dev

HTML 图片元素在 Edge 或 Firefox 中不起作用

来自分类Dev

链接元素中的 HTML onload 事件不起作用

Related 相关文章

  1. 1

    JS中的HTML下拉表单添加选项:在Firefox中不起作用

  2. 2

    OnClick事件在下拉选项中不起作用

  3. 3

    div元素在HTML中不起作用

  4. 4

    Javascript代码在Firefox中不起作用

  5. 5

    php代码在javascript中不起作用

  6. 6

    Ajax代码在JavaScript中不起作用

  7. 7

    代码不起作用。Android中的下拉菜单

  8. 8

    Html.ActionLink 在 html 选项标签中不起作用

  9. 9

    Javascript在html文件中不起作用

  10. 10

    javascript依赖下拉列表在IE 8中不起作用

  11. 11

    Bootstrap下拉菜单-显示所选项目最近的元素不起作用

  12. 12

    代码不起作用(JavaScript)

  13. 13

    javaScript代码不起作用

  14. 14

    在AngularJS中,HTML模板中包含的所有内联javascript代码均不起作用

  15. 15

    javascript的选项卡在IE中不起作用

  16. 16

    Android-Webview HTML代码提取不起作用(Javascript)

  17. 17

    HTML5表单验证的Javascript代码不起作用

  18. 18

    HTML5表单验证的Javascript代码不起作用

  19. 19

    JavaScript 代码在 WPF WebBrowser 加载的 HTML 页面中不起作用

  20. 20

    JavaScript 代码在 WPF WebBrowser 加载的 HTML 页面中不起作用

  21. 21

    为什么“脚本”中的代码在 html 中不起作用?

  22. 22

    通过javascript创建HTML元素不起作用

  23. 23

    JavaScript下拉列表不起作用

  24. 24

    HTML代码在OpenCart运送方法标签中不起作用

  25. 25

    相同的代码在不同的IDE中不起作用-html,css

  26. 26

    htaccess中的AddType后html代码不起作用

  27. 27

    html中的按钮元素的100%高度不起作用

  28. 28

    HTML 图片元素在 Edge 或 Firefox 中不起作用

  29. 29

    链接元素中的 HTML onload 事件不起作用

热门标签

归档