Jquery，option选项如何绑定事件？

分类：【google】
     【yahoo】
     【baidu】
     【自定义】

许多网站都有这个功能，尤其是收藏夹等等。下拉菜单，选择一个分类或者自己定义一个新的分类。很好奇，这个自定义如何实现的？

对不起，知乎，又拿你开刀。。。

写了几行代码，有问题

$(document).ready(function(event){  
//event.preventDefault();

var custom = $("form select option:last-child");

custom.click(function() { 
  //event.preventDefault();
  alert(878787)
});

不工作，有什么问题？

感觉应该是绑定onchange事件
if value == '自定义'
input.show()

然后使用input的值

大概这么个意思。

知乎那个是div下的a标签
当添加的时候给服务器提交数据，服务器返回新分类信息的json，前端自动生成一个a标签。

再下一次点击收藏的时候，继续从服务器获取所有分类信息的json，然后生成。

好人做到底吧

<html>
<head>
    <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#new").hide();
            $("#add").hide();

            $("#add").click(function(){
                $("#s1").append("<option>"+$("#new").val()+"</option>");
                $("#new").val('');
            });

        });
        function a()
        {
            var val = $("#s1").val();
            if (val == '自定义') {
                $("#new").show();
                $("#add").show();
            } else{
                alert(val);
            };
        }
    </script>
</head>

<body>

<select id="s1" onchange="a()">
    <option>aaa</option>
    <option>bbb</option>
    <option>自定义</option>
</select>
<br>
<input id="new" placeholder="添加新的"><button id="add">add</button>
</body>
</html>

【热门文章】