4

選択ボックスとスパン付きのラベルがあります。ユーザーがドロップダウン ボックスで選択を変更したときに、スパンの内容を置き換えたいと考えています。

<select class="text_select" id="field_6" name="field_6">    
<option value="- Select -">- Select -</option>  
<option value="Option One">Option One</option>  
<option value="Option Two">Option Two</option>  
<option value="Option Three">Option Three</option>  
</select>

<label class="form_field">Your selected <span id="aggregator_name"></span>?</label>

私はこのスクリプトを使用しています

<script type="text/javascript">
function notEmpty(){

var e = document.getElementById("field_6");
var strUser = e.options[e.selectedIndex].value;
document.getElementById('aggregator_name').innerHTML = strUser;

}
notEmpty()
</script>

これの問題は、ページを更新するたびに、スパンが「-選択-」に置き換えられますが、ドロップダウンを別のオプションに変更すると、スパンのコンテンツが変更されないことです? みんな助けてください。

4

3 に答える 3

6

ドロップダウンの変更イベントから関数を呼び出す必要があります。

document.getElementById("field_6").onchange = notEmpty;

デモ: http://jsfiddle.net/Mj4Vj/

または、「jquery」タグを使用したため、次のコードですべての JS を置き換えます。

$(document).ready(function() {
    $("#field_6").change(function() {
        $('#aggregator_name').html($(this).val());
    }).change();
});

デモ: http://jsfiddle.net/Mj4Vj/1/

(注: 上記が「field_6」要素の後に現れるスクリプト ブロックに含まれる場合、たとえば、スクリプトが本文の最後にある場合、ドキュメント対応ハンドラーでコードをラップする必要はありません。 )

于 2012-07-12T01:56:11.810 に答える
2

実際のデモ http://jsfiddle.net/GEfwE/1/

動作: 何かを変更するときはいつでも、スパンに変化が見られます。

これがお役に立てば幸いです。何か見逃した場合はお知らせください。`:)~

コード

$('select').change(function(){

    $('#aggregator_name').html($(this).val());
});
​
于 2012-07-12T01:56:23.150 に答える
1

onchangeを使用できます。

var e = document.getElementById("field_6");
e.onchange = function() {
    var strUser = e.options[e.selectedIndex].value;
    document.getElementById('aggregator_name').innerHTML = strUser;
}
于 2012-07-12T02:09:47.457 に答える