-1

我有一个快速的问题，我无法弄清楚。我正在使用以下代码：

http://jsfiddle.net/spadez/ZTuDJ/32/

// If JS enabled, disable main input
$("#responsibilities").prop('disabled', true);
// $("#responsibilities").addClass("hidden");

// If JS enabled then add fields
$("#resp").append('<input placeholder="Add responsibility" id="resp_input" ></input><input type="button" value="Add" id="add"> ');

// Add items to input field
var eachline='';
$("#add").click(function(){
    var lines = $('#resp_input').val().split('\n');
    var lines2 = $('#responsibilities').val().split('\n');
    if(lines2.length>10)return false;
    for(var i = 0;i < lines.length;i++){
        if(lines[i]!='' && i+lines2.length<11){
        eachline += lines[i] + '\n';
        }    
    }

        $('#responsibilities').text($("<div>" + eachline + "</div>").text() );

    $('#resp_input').val('');
});

这个想法是您在责任字段中输入一些内容，然后将其插入文本区域。我还想做的是，当一个项目被插入到文本区域时，它也会以这样的列表格式在其上方打印出来：

<li>inserted item 1</li> <li>inserted item 2</li>

我对 javascript 真的很陌生，但根据网上找到的信息，这是我最好的尝试：

$("#resp").append('<li> +eachline </li> ')
4

3 回答 3

1 
$('#responsibilities').text($("<div>" + eachline + "</div>").text() ).before("<li>"+lines+"</li>");

演示---> http://jsfiddle.net/ZTuDJ/34/

于 2013-06-18T15:27:11.430 回答
1

http://jsfiddle.net/pjdicke/ZTuDJ/35/

您将需要创建一个<ul>然后在下面添加

$('#responsibilities').text( $("<div>" + eachline + "</div>").text() );

// add this line after above 
$('<li>' + lines + '</li>').appendTo('#list');
于 2013-06-18T15:38:57.427 回答
0

我已经在你之前的问题中为你解决了这个问题。

Jquery将项目添加到列表而不重新加载页面

http://jsfiddle.net/blackjim/VrGau/15/

var $responsibilityInput = $('#responsibilityInput'),
    $responsibilityList = $('#responsibilityList'),
    $inputButton = $('#addResp'),
    rCounter = 0;

var addResponsibility = function () {
    if(rCounter < 10){
        var newVal = $responsibilityList.val()+$responsibilityInput.val();
        if(newVal.trim()!==''){
            var newLi = $('<li>');
            $('ul#respList').append(newLi.text(newVal));
            $responsibilityList.val('');
            rCounter+=1;    
        }
    }
}

$inputButton.click(addResponsibility);
于 2013-06-18T15:29:59.433 回答