我有一个代码,在您单击元素后选择一个选项:
你可以在这里看到代码
function setAsSelectedOption(referrerElement){
var clickToOptionMap = {
'click-object-1' : 'fireaway',
'click-object-2' : 'groundearth',
'click-object-3' : 'watermelon',
'click-object-4' : 'catchwind'
};
var optionId = clickToOptionMap[referrerElement.id];
var optionElement = document.getElementById(optionId);
optionElement.selected = true;
};
我想在这段代码后运行代码.该代码需要模拟列表中顶部选项的单击,然后单击最后选择的选项.
有谁知道这样的剧本？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Simulate clicks on options</title>
</head>
<style type="text/css">
div
{
width:30px;
height:30px;
margin:4px;
cursor:pointer;
}
#click-object-1{background-color:#F00;}
#click-object-2{background-color:#0F0;}
#click-object-3{background-color:#00F;}
#click-object-4{background-color:#FF0;}
</style>
<body>
<form action="">
<fieldset>
<ul style="list-style:none;">
<li>
<select …我想从"p"标签之间获取文本并将其放在另一个元素中,如下所示:
之前:
<div id="Text">
<p>$1,200.00</p>
</div>
<div id="putText">
<p></p>
</div>
后:
<div id="Text">
<p>$1,200.00</p>
</div>
<div id="putText">
<p>$1,200.00</p>
</div>
有人知道可以做到这一点的Javascript吗？
我想找到:
" 纽约 "并将其替换为" 纽约市 "
" 华盛顿 ",并将其替换为" 西雅图 "
" 佛罗里达 ",并将其替换为" 杰克逊维尔 "
" 南卡罗来纳州 ",并将其替换为" 哥伦比亚 "
" West_Virginia "并替换它与" 查尔斯顿 "
我在下面制作了以下示例代码,但这似乎不起作用:
<td id="dont-replace-them">
New York<br />
Washington<br />
Florida<br />
South-Carolina<br />
West_Virginia<br />
</td>
<br />
<td id="replace-them">
New York<br />
Washington<br />
Florida<br />
South-Carolina<br />
West_Virginia<br />
</td>
<script type="text/javascript">
function replaceWords() {
document.getElementById("replace-them").innerHTML.replace("New York", "New York City");
document.getElementById("replace-them").innerHTML.replace("Washington", "Seattle");
document.getElementById("replace-them").innerHTML.replace("Florida", "Jacksonville");
document.getElementById("replace-them").innerHTML.replace("South-Carolina", "Columbia");
document.getElementById("replace-them").innerHTML.replace("West_Virginia", "Charleston");
}; …当用户将浏览器窗口的大小调整为小于990px的宽度时，我想隐藏一个元素并显示另一个元素。
当窗口宽度小于990px时隐藏largeElement
显示smallElement当窗口宽度小于990px
<div id="largeElement" style="width:900px;height:100px;background-color:#cc9966"></div>
<div id="smallElement" style="display:none;width:300px;height:100px;background-color:#39c"></div>
有谁知道可以做到这一点的JavaScript（没有jQuery）？