菜鸟求助:JS函数如何实现文本框输入值后能动态加载多选框?

菜鸟求助:JS函数如何实现文本框输入值后能动态加载多选框?,第1张

首先你需要在页面中引入jquery

实例代码如下:

HTML

<form id="f">

<input type="text" name="" id="" onblur="autoAddEle(this)">

<input type="checkbox" name="" id="">

</form>

JS

function autoAddEle(focusTextDom) {

var focusTextJqDom = $(focusTextDom)

if(focusTextJqDom.val() == "test") {

var elehtmlstr = "<br><input type='text' name='' id='' onblur='autoAddEle(this)'><input type='checkbox' name='' id=''>"

$("#f").append(elehtmlstr)

}

}

当你在文本框中输入 test 后会自动出现一个带同样事件的文本框和复选框

可以在动态生成select时为其加上multiple属性,则该下拉框会变成多选下拉框,支持按住ctrl或shift键多选。此时获取select的值会得到一个数组。示例:

<select name="" id="sel">

<option value="1">选项1</option>

<option value="2">选项2</option>

<option value="3">选项3</option>

</select>

$('#select').val() // 得到一个数组

页面动态生成,用jquery动态插入dom节点下,没有一组设置一个相同的name值.

比如插入俩个多选框 $("#form1").append("<input type='checkbox' name='ck' />").append("<input type='checkbox' name='ck' />")

这样插入的俩个多选框是属于一个组的.

提交后台获取值: Request["ck"] 即可获取一个由逗号分割的多个值的字符串 如"value,value2"

再用逗号分割字符串为一个字符数组就可以得到多个值了.

祝你成功!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11764292.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存