按隐藏字段的值删除隐藏字段
Delete a hidden field by its value
我有一个页面,其中包含一些看起来像这样的值:
<div id="productList" >
<input type="hidden" name="product[0].id" value="21">
<div id="21" >BeanCounter</div>
<input type="hidden" name="product[1].id" value="22">
<div id="22" >CallGate</div>
</div>
现在我想删除带有 value=21
的隐藏字段和带有 id=21
的div .
我有这个:
function remove(id){
var remove = $(id);
$('productList').removeChild(remove);
但是如何删除隐藏字段?你能通过一个对象的值来获取它吗?
编辑错过了mootools标签,不确定jquery标签来自哪里。我想mootools并不常见,但希望这可以用普通的javascript来完成。
嗯标签又改回了jquery?
Mootools 解决方案:
function remove(id){
$('productList').getElements('input[value="' + id + '"], div[id="' + id + '"]').destroy();
}
j查询解决方案:
function remove(id){
$('input[value="' + id + '"], div[id="' + id + '"]').remove();
}
使用编辑帖子中提到的plain javascript
:
var checkVal = '21';
var parentDiv = document.getElementById('productList');
var inps = parentDiv.getElementsByTagName('input');
var inpRemove = null;
//Get the div to be removed
var divRemove = document.getElementById(checkVal);
for(var i=0; i<inps.length; i++)
{
if(inps[i].value == checkVal)
{
//Get the input to be removed (Assuming only input with same value)
inpRemove = inps[i];
break;
}
}
//Remove both here
parentDiv.removeChild(inpRemove);
parentDiv.removeChild(divRemove);
$("DIV#21, INPUT[value='21']").remove()
相关文章:
- JavaScript 检查隐藏字段中的值并将其设置为隐藏字段值
- 带有验证和隐藏字段值的提交按钮
- 主干窗体隐藏字段未呈现
- 清除以前的$_GET值或不获取仅隐藏字段的值
- 添加和删除隐藏字段数组中的值,而不提交表单
- 在控制器上使用“$watch”时,为什么不更新此隐藏字段
- 将选项值附加到隐藏字段
- JQuery获取隐藏字段的值
- MVC+访问控制器中的隐藏字段
- ASP.net Javascript函数中的隐藏字段为null
- 在第一页加载时隐藏字段,而不是在php发布之后
- 表单使用js、html,而不是隐藏字段
- 如何根据文本长度立即显示和隐藏字段?-JQuery
- 在选择更改时显示大于/小于的隐藏字段集
- 如何获取多个复选框值并分配给隐藏字段
- 将会话登录页存储在cookie中以进行表单解析(通过隐藏字段)
- 将布尔值存储在隐藏字段中以进行表单处理
- 如何将多个/不同的隐藏字段插入 XML
- 如何通过 JSP 代码将隐藏字段(Javascript)插入 XML
- 如何使用Java在Selenium WebDriver的隐藏字段中键入一些文本