Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 根据文本框中重新排列的无序列表获取值_Javascript_Jquery - Fatal编程技术网

Javascript 根据文本框中重新排列的无序列表获取值

Javascript 根据文本框中重新排列的无序列表获取值,javascript,jquery,Javascript,Jquery,我想根据无序列表中列表项的顺序排列文本字段中的值。 名单如下:- <ul id="sort"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> 例如-如果列表重新排列为3,2,5,4,1,则文本框值应为3,2,5,4,1:- <inp

我想根据无序列表中列表项的顺序排列文本字段中的值。 名单如下:-

<ul id="sort">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>
例如-如果列表重新排列为
3,2,5,4,1
,则文本框值应为
3,2,5,4,1
:-

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

提前谢谢

例如:

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

使用可排序的停止事件检查更改
toArray
获取列表位置的数组。。。并将其与
连接并附加到输入

给你

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>


你已经做了什么?也许是fiddle?你可以在列表中循环,并用$(“input#idhere”)将值附加到输入框中。val(“val here”)请添加一个值,并以任何方式修改它:)非常感谢!!这就是我想要的
<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>
 $('#sort').sortable({
  stop: function( event, ui ) {
   var sortedVal=$(this).sortable( "toArray" );
   var inputVal=sortedVal.join(',');
    $('#inputid').val(inputVal);
  }
});
$( "#sort li" ).each(function(){
   $("#idOfYourTextField").val( $("#idOfYourTextField").val()+ $(this).text() );
});