本文介绍如何利用jQuery库实现网页中动态添加下拉菜单选项的功能。通过一个按钮触发事件，每次点击都会在指定的<select>元素内增加一个新的<option>选项。此方法适用于需要动态更新内容的交互式网站。
<script language="javascript" type="text/javascript" src="../jquery/jquery-1.9.1.js"></script>
<script language="javascript" type="text/javascript">
<!--
$(document).ready(function(){
var i=1;
$("#editlink").click(function(){
$("#selectlink").append( "<option value=\"1\">Select"+i+"</option>" );
i++;
});
});
-->
</script>
</head>
<body>
<input type="button" id="editlink" value="Add options" />
<div id="editlinkdiv">
<select id="selectlink" name="selectlink">
<option>添加options</option>
</select>
</div>
<script language="javascript" type="text/javascript">
<!--
$(document).ready(function(){
var i=1;
$("#editlink").click(function(){
$("#selectlink").append( "<option value=\"1\">Select"+i+"</option>" );
i++;
});
});
-->
</script>
</head>
<body>
<input type="button" id="editlink" value="Add options" />
<div id="editlinkdiv">
<select id="selectlink" name="selectlink">
<option>添加options</option>
</select>
</div>
扫一扫
1252
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
