gpt4 book ai didi

javascript - jquery 输入字段 focusout div

转载 作者:行者123 更新时间:2023-11-28 04:37:21 29 4
gpt4 key购买 nike

在下面的脚本中:我正在创建一个选择选项下拉列表,

但是,如果我在我选择的文本 val 事件不起作用后对文本 id 使用 focusout 事件!

任何替代解决方案?

区 block 评论中的focusout事件

$(document).ready(function(){

//droplist toggle
$('#text').click(function(){
$('.droplist').toggle();
});

// text move to input field
$('.droplist p').click(function(){
var selected = $(this).text();
$('#text').val(selected, $('.droplist').hide());
});

// input field foucsout

/*$('#text').focusout(function(){
$('.droplist').hide();
});*/

});
 #text{
width:200px;
height:35px;
padding-left:10px;
box-sizing: border-box;
margin-bottom:3px;
}
.droplist{
width:200px;
background-color:#D8D8D8;
border-radius:4px;
padding:5px;
position:absolute;
box-sizing: border-box;
font-family:arial;
font-size:15px;
display:none;
}
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

</head>
<body>
<div style="margin:20px;">
<input type="text" id="text" autocomplete="off" placeholder="Select Option" />
<div class="droplist">
<p>option one</p>
<p>option two</p>
<p>option three</p>
<p>option four</p>
<p>option five</p>
</div>
</div>
</body>
</html>

最佳答案

.val() 仅用于设置值。然后隐藏列表。

$("#text").val(selected);
$(".droplist").hide();

引用:http://api.jquery.com/val/

关于javascript - jquery 输入字段 focusout div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41412137/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com