jQueryを使用してULにLIを追加できないようです。ボタンをクリックしても何も起こりません。
これが私が直面している問題を描いた簡単なフィドルです:
https://jsfiddle.net/80ugxpx7/2/
問題のJavaScriptおよびHTMLマークアップ:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery.min.js"></script>
<style type="text/css">
</style>
<script type="text/javascript">
/* declare global variable */
var recent = []
function add_to_recent() {
var x = document.getElementById('fileno').value
recent.push(x)
$("#recent ul").append('<li>'+x+'</li>')
}
</script>
</head>
<body>
<input type="fileno" type="text"><input type="button" value="search" onclick="add_to_recent()">
<br>
<ul id="recent">
<li>lol</li>
</ul>
</body>
</html>
OK、関数を少し動かさなければなりませんでした。PureJSとJqueryを混在させていたので、すべてJqueryにしました。
https://jsfiddle.net/link2twenty/80ugxpx7/4/
<input id="fileno" type="text">
<input type="button" value="search" onclick="add_to_recent()">
<br>
<ul id="recent"></ul>
var recent = []
add_to_recent = function () {
var x = $('#fileno').val();
recent.push(x);
$("#recent").append('<li>' + x + '</li>');
$('#fileno').val("");
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加