2

私はこのリンクを研究していましたが、彼がオプションボックスのサイズを変更する方法を理解できず、jqueryモバイルでオプションボックスのテキストボックスボタンなどのサイズを変更する方法を知りたいのですが、それらのサイズを変更する方法が見つからないかどうかも知りたいです内部ページを使用するjqueryモバイルでajaxを実装することは可能ですか?また、ラベルとテキストボックスの間の距離をどのように設定できますか?リンクのコードは次のとおりです

http://jsfiddle.net/HwFFU/1/

<div data-role="page">

    <div data-role="header">
        <h1>My Title</h1>
    </div><!-- /header -->

    <div data-role="content">
        <form method="post" action="processForm.php">                    
        <li data-role="fieldcontain"> 
            <label for="children" class="select">Number of Kids</label>
            <select name="children" id="children" data-mini="true">
               <option value="0">0</option>
               <option value="1">1</option>
               <option value="2">2</option>
               <option value="3">3</option>
            </select> 
        </li>
            <div id="kidsFields"></div>
    </form>        
    </div><!-- /content -->

</div>

var html = '';
$('#children').on('change', function() {
    children = $(this).val();
    html = '';
    for (var i = 0; i < children; i++) {
        html += '<label>Name</label><input type="text" id="textName' + i + '" name="child' + i + 'Name" /><label>Age</label><input type="text" name="child' + i + 'Age" id="textAge' + i + '" />';
    }

    $('#kidsFields').html(html);
    $('#kidsFields').append('<input type="submit" value="Submit" />');

    $('.ui-page').trigger('create');
});
4

1 に答える 1