Получение элементов div с помощью элемента .val с помощью javascript и jquery

Question

У меня есть скрипт, который генерирует идентификаторы деления после щелчка по раскрывающемуся окну, как показано ниже.Идентификатор div на самом деле генерируется значением идентификатора элемента.Я могу получить значение, но не знаю, как его добавить.Так что в основном это должно быть что-то вроде $ ('# itemsupdate2'). Load ('index.php / sales #item `(идентификатор элемента идет сюда ...

Я просто не могу заставить его работать.получить значение, добавив

var item = $ ('input [name = item]'). fieldValue ();

, это работает, и я могу получить значение в окне предупреждения. IЯ не уверен, как выполнить загрузку с этим значением. То, что я пытаюсь сделать, показано ниже.

$ ('# itemsupdate2'). load ('index.php / sales #item "+ item [0] + "'). FadeIn (' slow ');

<div class="itemsupdate">

<div id="item1">
sample text 1   
</div>

<div id="item8">
1guiness150.004 
</div>

<div id="item9">
1999999.009 
</div>

Answer 1

$('select').bind('change', function() {
    var val = $(this).val();
    $('.itemsupdate').html('<div id="' + val +'">contents of the div</div>');
});

Это добавит div к div.itemsupdate.

Затем вы можете получить к нему доступ позже, как это: $('#' + $('select').val());

Answer 2

Метод ".val ()" не имеет ничего общего со значениями "id". То, что вы ищете, это ".attr ()":

var theId = $(whatever).attr('id');

Теперь у вас есть другая проблема. Значения «id» должны выглядеть как идентификаторы. Таким образом, «9» не будет работать. Вы можете использовать что-то вроде "_9" или что-то еще.

Answer 3

.val() возвращает значение выбранного объекта.Это прекрасно работает на текстовых и входных данных, но не на div.Вместо этого используйте .text(), чтобы получить текстовый элемент, или используйте .html(), чтобы получить полную HTML-структуру внутри div.В вашем примере вы используете идентификаторы, чтобы идентифицировать ваши div.Так почему бы вам не использовать этот селектор идентификаторов #?

$('#1').text(); // returns 'sample text 1'
$('#1').text('new text'); // will change the divs content with 'new text'
$('#1').text('text before '+$('#1').text()+' text after') // will insert 'text before' before the content and add 'text after' after the divs content: text before sample text 1 text after