获取值并从输入字段创建筛选器？
获取值并从输入字段创建筛选器？
提问于 2018-07-31 02:07:44
如何从所选选项中提取文本并将其包装到div中，并将该div附加到具有appendElements类的div中？这是jsfiddle https://jsfiddle.net/2w5dp7vk/14/，当我选中某个选项或在输入栏中输入内容时，我会尝试添加过滤器。我希望能够从输入或选择选项中获取值，并将该值包装到div标记中，并在单击done按钮时将其附加到.appendElements上。
<div class="appendElements"></div>
<div class="searchFilter">
<select class="selectpicker" data-live-search="true">
<option value="all">All</option>
<option value="published">Published</option>
<option value="draft">Draft</option>
<option value="in-review">In Review</option>
<option value="deleted">Deleted</option>
</select>
</div>回答 1
Stack Overflow用户
发布于 2018-07-31 02:16:49
您可以在select的值发生更改时获取它，并将其设置为要在其中显示select值的div的textContent。
<div class="searchFilter">
<select class="selectpicker" data-live-search="true" onchange="showChanges()" id="selectpicker">
<option value="all">All</option>
<option value="published">Published</option>
<option value="draft">Draft</option>
<option value="in-review">In Review</option>
<option value="deleted">Deleted</option>
</select>
</div>
<p/>
<div id="result"></div>
<script>
function showChanges(){
document.getElementById("result").textContent = document.getElementById("selectpicker").value;
}
</script>
jQuery：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="searchFilter">
<select class="selectpicker" data-live-search="true" onchange="showChanges()" id="selectpicker">
<option value="all">All</option>
<option value="published">Published</option>
<option value="draft">Draft</option>
<option value="in-review">In Review</option>
<option value="deleted">Deleted</option>
</select>
</div>
<p/>
<div id="result"></div>
<script>
function showChanges(){
$('#result').text($('#selectpicker').val());
}
</script>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51599885
复制相关文章
相似问题