1

順序付けられていないリストのリスト項目の順序に従って、テキスト フィールドの値を配置したいと考えています。リストは次のとおりです。

<ul id="sort">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>

sortable()上記のリストでJquery UIの機能を使用しています。テキストボックスの値に同じ配置をコピーする必要があります:-

<input type="text" value="" />

例 - リストが次のように再配置された場合3,2,5,4,1、テキストボックスの値は次のようになります3,2,5,4,1:-

<input type="text" value="3,2,5,4,1" />

前もって感謝します！

4

3 に答える 3

0

たとえば、次のようにします。

$('#sort').sortable({
    update: function(e, ui) {
        var val = $(this).children().map(function() {
            return $(this).text();
        }).get().join();
        $('#text').val(val);
    }
});

http://jsfiddle.net/wzsuH/1/

于 2013-03-11T13:30:18.460 に答える
0 
$( "#sort li" ).each(function(){
   $("#idOfYourTextField").val( $("#idOfYourTextField").val()+ $(this).text() );
});

http://jsfiddle.net/yRRLJ/1/

于 2013-03-11T13:34:18.783 に答える
0

ソート可能な停止イベントを使用して変更を確認します..リスト位置toArrayの配列を取得し<li>ます...そしてそれを結合し,て入力に追加します

どうぞ..

HTML

<ul id="sort">
  <li id="1">1</li>
  <li id="2">2</li>
  <li id="3">3</li>
  <li id="4">4</li>
  <li id="5">5</li>
</ul>

jquery

 $('#sort').sortable({
  stop: function( event, ui ) {
   var sortedVal=$(this).sortable( "toArray" );
   var inputVal=sortedVal.join(',');
    $('#inputid').val(inputVal);
  }
});

ここで働くフィドル

于 2013-03-11T13:31:15.990 に答える