0

ユーザーに性別を選択してもらいます。<div>後で、以下に示すように、選択した性別を別の要素に表示したいと思います。これどうやってするの？

<div id="v1">
    <table>
        <tr>
            <td>Male or Female</td>
        </tr>
        <tr>
            <td align="left">
                <select id="gender" name="gen">
                    <option>Male</option>
                    <option>Female</option>
                    <option>Do not wish to specify</option>
                </select>
            </td>
        </tr>
    </table>
</div>

次に、選択した値を別の場所に表示する必要があります<div>。

<div id="v2">
     <h2>I WANT TO DISPLAY THE SELECTED VALUE HERE</h2>
</div>
4

3 に答える 3

0 
$(document).ready(function() {
    $('#contact-location').change(function(){
        var location = $(this).val(),
        div = $('#' + location);
var txt=$('#txtfiled11').val();
        div.append(txt);
        $('.hide').hide();
             div.show();

    });
});

別のデモ

Fiddle DEMO を TEXTFIELD VALUE3 で更新

使用する

 $("#dropdown").prop("disabled", false);
于 2013-09-28T18:50:22.273 に答える
0

jQuery を使用している場合は、このコードを試してください。

$("#gender").change(function() {
    $("#v2 h2").html($(this).val());
});

デモ

于 2013-09-28T18:57:37.973 に答える
0

これを試して：

$(function () {
    $("#selection").on("change", function () {
        var text = $(this).find('option:selected').text();
        $('#v2 h2').text(text);
    });
});

デモはこちら

値も取得するには：

$(function () {
    $("#selection").on("change", function () {
        var text = $(this).find('option:selected').text();
        var value = $(this).val();
        var string = 'Text: '+text+' - Value: '+value;
        $('#v2 h2').text(string);
    });
});

デモはこちら

于 2013-09-28T19:03:21.397 に答える