добавление HTML между пользовательским вводом с использованием jQuery

Question

добавление HTML между пользовательским вводом с использованием jQuery

0

Я новичок в jQuery и имею, наверное, простой вопрос. Здесь я пытаюсь создать список, в котором пользователь вводит что-то в поля ввода #newtask и #neighborhood, а затем нажав #addrest, эти значения добавляются на страницу. То, что я хотел бы сделать, это выделить #newtask и #neighborhood в DOM, добавив HTML с содержимым " in " поэтому на странице, на которой он читает: "(user input in #newtask) in (user input in #neighborhood)". Сейчас он просто добавляет два входа без пробелов между ними. Как добавить этот HTML-код с помощью jQuery?

Текущий код:

$("#addrest").click(function() {
    create_task($("#newtask").val() + $("#neighborhood").val());
    $("#newtask").val("");
    $("#neighborhood").val("");
});

user3509353 26 апр. 2014, в 18:49

Источник

0

Следует отметить, что здесь необходимо включить create_task, потому что это функция (ранее в коде) добавляет эти пользовательские входные данные в интерфейс, а также синхронизирует их с хранилищем, используя JSON.
user3509353 26 апр. 2014, в 18:08
0

попробуйте добавить + " " + вместо просто + :)
Shanimal 27 апр. 2014, в 05:00

Теги:

jquery

2 ответа

Ещё вопросы

Следует отметить, что здесь необходимо включить create_task, потому что это функция (ранее в коде) добавляет эти пользовательские входные данные в интерфейс, а также синхронизирует их с хранилищем, используя JSON.
попробуйте добавить + " " + вместо просто + :)

Gaurang Tandon · Answer 1 · 2014-04-27T03-53-00.000Z

Я думаю, вам нужно. .after:

$("#newtask").val("");
$("#newtask").after(" in ");
$("#neighborhood").val("");

DEMO

Naveen Chandra Tiwari · Answer 2 · 2014-04-27T03-29-00.000Z

попробуйте сделать что-нибудь вроде этого:

 <script>
 $(document).ready(function () {
        $("#addrest").click(function () {
            create_task($("#newtask").val(), $("#neighborhood").val());
            $("#newtask").val("");
            $("#neighborhood").val("");
        });
    });
    function create_task(a, b) {
        $("#result").html("user\ input in #newtask " + a + " <br /> user\ input in #neighborhood " + b);

    }
   </script>

И предположим, что вы хотите отобразить свой вывод в div с идентификатором "result":

 <div id="result"></div>

Таким образом, вы можете получить свое желание. Вы можете обновить его в соответствии с вашим требованием.