0

http://jsfiddle.net/dyHD7/

基本的には、ユーザーがテキストにカーソルを合わせるとドロップダウンに切り替わり、ユーザーがオプションを選択するかドロップダウンの外側にカーソルを合わせるとテキストに戻るようにしようとしています。これを達成する方法はありますか？

4

2 に答える 2

1

メソッド change() を使用して、変更された値で status_txt を更新できます。

HTML

 <div class="sudiptaDD">
        <div class="status_txt" style="display: block;">
                <span>Unpaid</span>
        </div>
        <div style="display:none;" class="status_dd">
            <select name="status[]">
                <option selected="" value="0">Unpaid</option> 
                <option value="Paid">Paid</option>
                <option value="Cancelled">Cancelled</option>
                <option value="Void">Void</option>
            </select>
    </div>
</div>​

JQuery

$(".sudiptaDD").live("mouseenter",function(){
    $(".status_txt",this).slideUp(200);
$(".status_dd",this).slideDown(200);
$('select').change(function(){
        var value = $(this).val();             
        $('.status_txt span').html(value);
    }); 

}).live("mouseleave",function(){
    $(".status_dd",this).slideUp(200);
    $(".status_txt",this).slideDown(200);
 });​

フィドル

于 2012-10-17T08:29:44.147 に答える
0

これを確認してください。あまりスムーズではありませんが、希望どおりに機能していると思います

http://jsfiddle.net/dk76h/

テキストをクリックし、ドロップダウンが表示されたら、キーボードの矢印キーを使用して値を選択し、Enter キーを押してからマウスを削除します。

私はそれがかなり退屈であることを知っていますが、改善できる場合はリンクを提供してください

于 2012-10-17T08:27:15.690 に答える