Question

经过将近一个小时的努力才能使脚本在我的实时应用程序上运行，我尝试使用与JSFiddle中完全相同的代码创建一个空白页面，但没有结果：

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"/>
    <script>
    $('#pageSelect').change(function() {
        var selectedOption = $(this).find(':selected');
        $('#pageInput').val(selectedOption.data("pagetitle"));
        $('#pageTextarea').val(selectedOption.data("pagedescription"));
    });
    </script>
</head>

<body>
    <select id="pageSelect">
    <option value="1" data-pagedescription="test description 1" data-pagetitle="test title 1">Option 1</option>
    <option value="2" data-pagedescription="test description 2" data-pagetitle="test title 2">Option 2</option>
    <option value="3" data-pagedescription="test description 3" data-pagetitle="test title 3">Option 3</option>
    </select>

    <!-- pageInput should get its data from data-pagetitle -->
    <input type="text" id="pageInput" /> 

    <!-- pageTextarea should get its data from data-pagedescription -->
    <textarea id="pageTextarea"></textarea>    
</body>

对SO进行了一些研究，发现了可能导致此问题的多种原因（例如，重复包含jQuery），但没有找到适用于我的情况的任何东西。

这是JSFiddle的链接：http://jsfiddle.net/9wb75038/48/

这是网页的链接：https://sporedev.ro/pleiade/admin/test.html

有什么想法为什么不能在.html文档中使用？

为什么小提琴内容在服务器上的空白页上不起作用？

0 个答案: