0

だから私は次のようなテーブルを持っています：

<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>

デフォルトでは、「レイアウトの選択」が表示されます。ボタンをクリックするだけで、「カスタム」を表示するための選択ボックスが必要です。SOを検索してみましたが、Jqueryを使用せずに検索しようとしています。

4

4 に答える 4

3

これを試してください...その単純な...本当に動作します..

<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>
于 2013-03-25T05:56:29.390 に答える
2

次のように、selectsの値を変更できます。

<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>

フィドル

于 2013-03-25T05:56:39.233 に答える
0

あなたはそれを試すことができます：

<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>
于 2013-03-25T05:54:52.383 に答える
0

あなたの質問の私の理解によると。次のようにあなたの答えかもしれません。チェックしてください。

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;
            }
        }
    }
于 2013-03-25T06:05:35.777 に答える