一个jQ的小例子

最新推荐文章于 2024-03-29 10:49:50 发布

原创最新推荐文章于 2024-03-29 10:49:50 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#input #function #html #button #div #c

WEB开发专栏收录该内容

24 篇文章

订阅专栏

本文介绍如何利用jQuery操作DOM元素实现动态更新下拉选择框（Select）和单选按钮（Radio）的功能。通过监听单选按钮点击事件来设置对应的下拉选项为选中状态，并允许用户输入新的选项值，添加到Select中。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js" ></script> </head> <body> <select id='select1'> <option>a</option> <option>b</option> <option>c</option> </select> <br> <div id='div'>设置选中项 a <input type='radio' name='r' value='a' /> b <input type='radio' name='r' value='b' /> c <input type='radio' name='r' value='c' /> </div> <br> <input type='text' id='txt' /><input type='button' id='btn' value='add' /> <script type="text/javascript"></script> </body> </html>