在html中加入可输入的框,如何在HTML中做一个可以输入的下拉框

满意答案

qwdo4850

2017.04.11

采纳率：49%    等级：7

已帮助：607人

非常简单，可以用标签直接做，也可以用js手写一个，给你做了两个示范

是否高佣金

是

否

*{

margin: 0;

}

.out-box{

width: 90px;

border: 1px solid gainsboro;

height: 22px;

}

.out-box:hover{

border: 1px solid #86b6cc;

}

.select_box{

display: none;

border: 1px solid gainsboro;

}

.select_box span{

display: block;

}

.select_box span:hover{

display: block;

background: gainsboro;

}

是否高佣金

是

否

$(document).ready(function(){

var opt = $(".select_box span:first-child").text();

$(".option-text").html(opt);

$(".option-text").click(function(){

$(".select_box").show();

});

$(".select_box span").click(function(){

$(".option-text").html($(this).text());

$(".select_box").hide();

});

});

00分享举报