相关疑难解决方法(0)

使用jQuery更改HTML标记?

这可能吗?

例:

$('a.change').click(function(){
//code to change p tag to h5 tag
});


<p>Hello!</p>
<a id="change">change</a>
Run Code Online (Sandbox Code Playgroud)

因此,单击更改锚点会导致该<p>Hello!</p>部分更改为(作为示例)h5标记,因此您将<h5>Hello!</h5>在单击后结束.我意识到你可以删除p标签并用h5替换它,但无论如何实际修改HTML标签?

jquery

125
推荐指数
5
解决办法
13万
查看次数

如何根据所选的其他选择选项更改选择选项?

这是我的HTML.

<select id="type">
<option value="item1">item1</option>
<option value="item2">item2</option>
<option value="item3">item3</option>
</select>

<select id="size">
<option value="">-- select one -- </option>
</select>
Run Code Online (Sandbox Code Playgroud)

这是我试过的jquery,但没有成功.

$(document).ready(function() {

if( $("#type").val("item1"))
{
  $("#size").html("<option value='test'>test</option><option value="test2">test2</option>);
}
elseif( $("#type").val("item2"))
{
   $("#size").html("<option value='anothertest1'>anothertest1</option>");
}

});
Run Code Online (Sandbox Code Playgroud)

基本上我想要做的是如果在#type中选择了一个选项,那么大小选择将填充与之关联的选项.我怎样才能做到这一点?

谢谢

jquery

24
推荐指数
2
解决办法
8万
查看次数

隐藏禁用选择Internet Explorer中的选项> 11使用angularjs

我想知道如何隐藏optionsAngularJS for IE中的残疾人?更清楚的是看看这个小提琴:https: //jsfiddle.net/s723gqo1/1/

我使用它css来隐藏chrome/firefox中的禁用选项,但它们在IE中不起作用:

select option[disabled]:first-child {
  display: none;
}
Run Code Online (Sandbox Code Playgroud)

我在这里看到其他问题,建议使用JavaScript删除禁用选项,但我无法将其插入我的用例.

任何帮助表示赞赏!

编辑: 我脑子里有这些元标记:

<!DOCTYPE html>

  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
Run Code Online (Sandbox Code Playgroud)

编辑2 这个答案/sf/answers/1426153011/太笼统了,我无法用这个答案解决我的问题,因为我知道应该用javascript完成,但我的问题是如何?

我应该在提供的jsfiddle中将删除和添加禁用选项的逻辑放在哪里?

编辑3 我在我的项目中实现了提供的答案,但不幸的是,它没有解决我的问题.

通过此链接提供的小提琴https://jsfiddle.net/rsuuwkh9/呈现默认选择选项,如下所示: 在此输入图像描述

但在我的项目中,它呈现如下:

在此输入图像描述

问题是,当显示默认选项的条件为真并且它变为false然后再次为真时,在我的项目中默认选项消失但是在提供的答案小提琴它恢复到它应该的位置,如果有人我会很高兴帮我处理这个案子!

html css select angularjs drop-down-menu

9
推荐指数
1
解决办法
1426
查看次数

如何仅使用css隐藏一个选项元素

 <select class="Select-input">
   <option value="one">One</option>
   <option value="two">Two</option>
   <option value="three">Three</option>
   <option value="four">Four</option>
 </select>
Run Code Online (Sandbox Code Playgroud)

我想只隐藏上面代码中的值四.

我尝试使用{display:none}作为值-4,但它不起作用.

还想在这个元素之间添加填充一,二,三和四.

PS我想只使用CSS删除它.

html css

6
推荐指数
1
解决办法
2万
查看次数

标签 统计

css ×2

html ×2

jquery ×2

angularjs ×1

drop-down-menu ×1

select ×1