将输入框中的值赋值给下拉框

最新推荐文章于 2021-05-17 09:59:47 发布

阿聊

最新推荐文章于 2021-05-17 09:59:47 发布

阅读量484

点赞数 1

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/qie_wei/article/details/112883365

版权

前端专栏收录该内容

12 篇文章 0 订阅

订阅专栏

当触发光标移除或者回车事件的时候

将输入框中的值赋值给layui下拉框, 下拉框是动态赋值，记得刷新 layui.form.render('select');

<form class="layui-form layui-col-space5" id="search_menu">
    //下拉框
	<div class="layui-inline layui-show-xs-block" style="width: 160px;">
		<select name="part" lay-filter="part" lay-search autocomplete="off" class="layui-select" id="part">
			<option value=" ">料号</option>
		</select>
	</div>

	//输入框
	<div class="layui-inline layui-show-xs-block">
		<input type="text" name="part2"  placeholder="料号" autocomplete="off" 
			  class="layui-input" value="" id="part2" onchange="change_sort(this)" οnkeypress="change_sort(this)">
	</div>
</form>

//js代码

function change_sort(that){
    //获取的料号输入框中的值
    var sort = $(that).val();

/*  //获取到料号下拉框中选中的值
    var myselect = document.getElementById('part');
    var index = myselect.selectedIndex;
    var value = myselect.options[index].value; */

    if(sort!=null){
        var options="";
        options+='<option value="'+sort+'">'+sort+'</option>'
        layui.jquery('#search_menu :input[name="part"]').html(options);
        layui.form.render('select');
    }
}