2

以下の「結果」divで、ユーザーが選択したドロップダウン項目に基づいてテキストを表示する方法を見つけようとしています。通常の入力フィールドでこれを行う方法は知っていますが、「オプション値」を JavaScript 関数に渡す方法がわかりません。これは私がこれまでに試したことです...

以下のコードでは、選択されたドロップダウン項目の値を javascript 関数に渡して、その値の名前を「結果」div に出力しようとしているだけです...それができたら、私は上記の「ヒント」機能を実装します。

私のマークアップ:

<select onChange="dropdownTip(this.value)" name="search_type" style="margin-right:10px; margin-top:2px;">
    <option selected="selected" value="fruit_search">fruits</option>    
    <option value="veggies_search">veggies</option>
    <option value="animals_search">animals</option>
    <option value="all_search">all</option>
</select>

<div id="result"></div>

私のJavaScript：

<script type="text/javascript">
    function dropdownTip(value){
        document.getElementByID("result").innerHTML = value;
    }
</script>
4

2 に答える 2

4

これはあなたが望んでいたものですか？以下のフィドルを確認してください

http://jsfiddle.net/b6ydm/

于 2012-08-09T17:46:28.547 に答える
1

これを試して：

<select onChange="dropdownTip()" id="select" name="search_type" style="margin-right:10px; margin-top:2px;">
    <option selected="selected" value="fruit_search">fruits</option>    
    <option value="veggies_search">veggies</option>
    <option value="animals_search">animals</option>
    <option value="all_search">all</option>
</select>

<div id="result"></div>


<script type="text/javascript">
    function dropdownTip(){
        var value = document.getElementById('select').value;
        document.getElementByID("result").innerHTML = value;
    }
</script>
于 2012-08-09T17:42:29.760 に答える