EasyUI 动态生成 input/select 如何转变成 combobox

jarodzhao 2018-10-19 11:27:21



	var html = "<input type='text' id='type3' class='a' />";

	$("#test").on('click', 'button', function(e){

		/* 生成新对象，插入到页面 */

		$('#type1').after(html);

	});



	/* 这样可以获取到 dom 对象，但是不知道如何设置 combobox 属性和事件 */

	$("#test").on('click', 'input[class=a]', function(e){ alert('aa'); });



	/* 获取不到，无法设置 combobox */

	// $("input[class=a").combobx({

		//combobox 属性

	// });



	/* 获取不到动态生成的对象 */

	$("input[class=a]").text('abc');

	console.log($("input[class=a")[0]); //undefined

遇到问题要多问 -_-#

...全文

407 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

Hello World, 2018-10-20

打赏
举报

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

    <link href="../JS/jquery-easyui-1.4/themes/default/easyui.css" rel="stylesheet" />

</head>

<body>

    <input type="button" value="test" id="test" />

    <div id="type1"></div>

</body>

</html>

<script src="../JS/jquery-easyui-1.4/jquery.min.js"></script>

<script src="../JS/jquery-easyui-1.4/jquery.easyui.min.js"></script>

<script>

    var html = "<input type='text' id='type3' class='a' />";

    $("#test").on('click', function (e) {

        /* 生成新对象，插入到页面 */

        $('#type1').after(html);

        //setTimeout(function () {

            $('input[class="a"]').combobox({

                //combobox 属性

            });

        //}, 0);

    });

</script>

jarodzhao 2018-10-20

打赏
举报

引用 2 楼 apollokk 的回复:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="../JS/jquery-easyui-1.4/themes/default/easyui.css" rel="stylesheet" />
</head>
<body>
    <input type="button" value="test" id="test" />
    <div id="type1"></div>
</body>
</html>
<script src="../JS/jquery-easyui-1.4/jquery.min.js"></script>
<script src="../JS/jquery-easyui-1.4/jquery.easyui.min.js"></script>
<script>
    var html = "<input type='text' id='type3' class='a' />";
    $("#test").on('click', function (e) {
        /* 生成新对象，插入到页面 */
        $('#type1').after(html);
        //setTimeout(function () {
            $('input[class="a"]').combobox({
                //combobox 属性
            });
        //}, 0);
    });
</script>

多谢兄台！先生成 dom ，然后才能找到。哈哈

jarodzhao 2018-10-19

打赏
举报

		$(function(){
			var html="<input id='type8' class='easyui-combobox' data-options=\"textField:\'text\', valueField:\'value\', data: tempData() \">";
			console.log($("#test"));
			console.log(html);
			$("#test").append(html);
		});

这样也不行，快疯了！