jQuery: обновить по классу теги span с входным значением DatePicker? - PullRequest
Новая
       1

jQuery: обновить по классу теги span с входным значением DatePicker?

2 голосов
/ 02 января 2012

Как я могу обновить только теги / class = "able" со значением datepicker хранится в поле <input id="datepicker">?

Шаги:

  1. Щелкните поле ввода «DatePicker»; Календарь дат открывается.
  2. Выберите вашу дату; Поле ввода «datepicker» заполнено выбранной датой.
  3. Нажмите кнопку «Загрузить».
  4. <span> теги со значениями class="able" теперь равны значению поля ввода "datepicker".

HTML 

<html lang="en">
<head>
<meta charset="UTF-8" />
<title>jQuery Pass Value Input to SPAN2</title>
<link rel="stylesheet" href="themes/base/jquery.ui.all.css">
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
<script src="js/jquery-1.6.2.min.js"></script>
<script src="ui/jquery.ui.core.js"></script>
<script src="ui/jquery.ui.datepicker.js"></script>
<script>
$(function() {
    $( "#datepicker" ).datepicker();
});
</script>
</head>
<body>

<div>
<p>Date: <input id="datepicker" type="text"></p>
<br>
<input type="Button" id="button1" Value="LOAD">
</div>

<span id="result1" class="able"> </span>
<span id="result2" class="able"> </span>
<span id="result3" class="able"> </span>

<span id="result4" class="baker"> </span>
<span id="result5" class="baker"> </span>

<span id="result6" class="charlie"> </span>
</body>
</html>

Ответы [ 3 ]

2 голосов
/ 03 января 2012

Вам нужно привязать событие onclick к кнопке загрузки, а внутри функции onclick вам нужно установить текст диапазона, как показано ниже, 

 $('#button1').click (function () {
      $('span.able').text($('#datepicker').val());
});

DEMO

0 голосов
/ 03 января 2012 
$("Load-button-selector").click( function(){
    $("span.able").html( $("datepicker-filed-selector").val() );
});
0 голосов
/ 02 января 2012

Вот код JQuery для этого: 

$("span.able").text($("#datepicker").text());

То, что делает приведенный выше код, состоит в том, чтобы выбрать все теги span с class = "able".Затем он устанавливает свой внутренний текст в значение, присутствующее в вашем текстовом поле с ID = datepicker.

Вот документация для функции text (): http://api.jquery.com/text/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...