在刷新页面时设置不同的选项——JAVASCRIPT
Set different option selected option on refresh of the page -- JAVASCRIPT
所以我有一个表如下:
<select id="CellLayout" style="color:#99FF00; font-family:monospace;" onChange="PipeConfigChange(this.value);">
<option>select layout</option>
<option>blinker</option>
<option>glider</option>
<option>flower</option>
<option>custom</option>
</select>
默认情况下,'select layout'是显示的内容。在点击按钮时,我需要选择框显示"自定义"。我试着搜索周围SO,但我试图做到这一点没有Jquery..
试试这个…它的简单…真的有用. .
<script type="text/javascript">
function fun()
{
document.getElementById("CellLayout").selectedIndex = 4;
}
</script>
<form name="f1">
<select id="CellLayout" style="color:#99FF00; font-family:monospace;" >
<option>select layout</option>
<option>blinker</option>
<option>glider</option>
<option>flower</option>
<option>custom</option>
</select>
<input type="button" onclick="fun()"/>
</form>
您可以直接更改select值,如下所示:
<select id="CellLayout" style="color:#99FF00; font-family:monospace;" onChange="PipeConfigChange(this.value);">
<option>select layout</option>
<option>blinker</option>
<option>glider</option>
<option>flower</option>
<option>custom</option>
</select>
<input type="button" value="change" onclick="change()" />
<script type="text/javascript">
function change() {
document.getElementById('CellLayout').value = 'custom';
}
</script>
小提琴
你可以试试:
<select id="CellLayout" style="color:#000; font-family:monospace;" onChange="PipeConfigChange(this.value);">
<option value="0">select layout</option>
<option value="1">blinker</option>
<option value="2">glider</option>
<option value="3">flower</option>
<option value="4">custom</option>
</select>
<input id="btn" type="submit" value="setSelected">
<script type="text/javascript">
var btn = document.getElementById('btn');
btn.onclick = function(){
var layOut = document.getElementById('CellLayout');
for(var i = 0; i < layOut.length; i++){
if(layOut.options[i].value == '4'){
layOut.selectedIndex = i;
}
}
}
</script>
根据我对你问题的理解。也许下面就是你的答案。请检查。
html:<select id="CellLayout" style="color:#99FF00; font-family:monospace;" onChange="PipeConfigChange(this.value);">
<option>select layout</option>
<option>blinker</option>
<option>glider</option>
<option>flower</option>
<option>custom</option>
</select>
<input type="button" value="clickHere" onclick="javascript:call()"/>
在javascript: function call() {
var textToFind = 'custom';
var dd = document.getElementById('CellLayout');
for (var i = 0; i < dd.options.length; i++) {
if (dd.options[i].text === textToFind) {
dd.selectedIndex = i;
break;
}
}
}
相关文章:
- 使用Javascript获取所选选项ID
- javascript选项卡没有'不起作用
- 使用JavaScript在IE9中获取数据列表选项
- html+javascript:如何在某些条件下禁用dropdownlist中的null选项
- 使用纯javascript而非jquery使所选选项卡处于活动状态并保持非活动状态
- 当选择值x时,Javascript需要在正确的位置显示文本区域,从而循环通过具有选择选项的表单
- 一次设置多个选项 javascript (MooTools) 对象
- 如何将选定的值分配给没有值的选项 - javascript
- 动态填充选择选项javascript
- 用递归合并选项javascript对象
- Javascript点计算器不工作(HTML选择/选项+ Javascript)
- 填充下拉选项- javascript
- 为打印选项javascript创建个人快捷方式
- 将文本发送到父元素,并带有删除发送元素的选项- Javascript
- 在刷新页面时设置不同的选项——JAVASCRIPT
- 获取相对于选中的选项的特定选项(JavaScript/jQuery)
- 更改一个选择选项会更改许多其他选项(JavaScript、JQuery)
- 根据之前的答案自动选择下拉选项-Javascript HTML表单
- 默认情况下,选择select列表框中的所有选项--javascript
- 我试图在表单提交到一个新页面后,根据用户选择的多个选项(Javascript.html)重定向表单