как передать значение из ссылки
Здравствуйте! можете помочь, как передать значение из ссылки :help:
<script>
var btn = document.querySelectorAll('a[href="#number"]');
for (let i = 0; i < btn.length; i++) {
btn[i].onclick = function() {
console.log('Кликнута кнопка номер ' + i);
}
};
</script>
<div id="1" value="1">111111</div>
<div id="2" value="2">222222</div>
<div id="3" value="3">333333</div>
<div id="4" value="4">444444</div>
<div id="5" value="5">555555</div>
<br>
<?php echo #number; ?> |
Цитата:
Откуда и куда их нужно передавать? |
пример:
window.addEventListener('DOMContentLoaded', function()
{
[].forEach.call(document.querySelectorAll('.old'), function(item)
{
item.addEventListener('click', function()
{ if(document.querySelectorAll('.new').length > 0 && !item.classList.contains('new')) {return} ;
item.classList.toggle('new');
var res = [].map.call(document.querySelectorAll('.new'),
function(el) {
return el.id
})
document.querySelector('.show').innerHTML = res.length ? '' + res : ''
});
});
});
<table width="200" summary=""> <tbody> <tr> <td class="old" id="1" value="1">1</td> <td class="old" id="2" value="2">2</td> <td class="old" id="3" value="3">3</td> </tr> <tr> <td class="old" id="4" value="4">4</td> <td class="old" id="5" value="5">5</td> <td class="old" id="6" value="6">6</td> </tr> </tbody> </table> <div class="show">====</div> только это сложный. (для меня) как из div передать значения? |
готово сделано :thanks: вот что хотел:
<html>
<head>
<script type="text/javascript">
function myFunc(id)
{
document.getElementById("content").innerHTML = id;
}
</script>
</head>
<body>
<div id="1" value="1" onClick="myFunc(this.id);">111111</div>
<div id="2" value="2" onClick="myFunc(this.id);">222222</div>
<div id="3" value="3" onClick="myFunc(this.id);">333333</div>
<div id="4" value="4" onClick="myFunc(this.id);">444444</div>
<div id="5" value="5" onClick="myFunc(this.id);">555555</div>
<?php
$test = '<div id="content"></div>';
print_r ($test);
?>
</body>
</html>
|
почему я не могу установить значение в value ?
<script type="text/javascript">
function myFunc(id)
{
let str = id;
document.getElementById("content").innerHTML = str;
}
</script>
</head>
<body>
<div id="1" value="1" onClick="myFunc(this.id);">111111</div>
<div id="2" value="2" onClick="myFunc(this.id);">222222</div>
<div id="3" value="3" onClick="myFunc(this.id);">333333</div>
<div id="4" value="4" onClick="myFunc(this.id);">444444</div>
<div id="5" value="5" onClick="myFunc(this.id);">555555</div>
<?php
$test = '<div id="content"></div>';
echo '<input type=text name=num1 value='.$test.'>';
?>
|
Цитата:
Т.ч. не стоит городить такой огород. Будет работать и вот так
document.querySelectorAll('.old').forEach( function(item) {})
|
Цитата:
Для такого рода данных используй дата-атрибуты <div data-value="1">111111</div> |
Цитата:
Вот пример такого
<section>
<div data-value="1">111111</div>
<div data-value="2">222222</div>
<div data-value="3">333333</div>
<div data-value="4">444444</div>
<div data-value="5">555555</div>
</section>
<script>
document.querySelector('section').addEventListener('click', e => {
const o = e.target.closest('[data-value]')
if (!o) return
alert(o.dataset.value)
})
</script>
|
в input как число не заносит:
document.querySelector('section').addEventListener('click', e => {
const o = e.target.closest('[data-value]')
if (!o) return
document.getElementById("content").innerHTML = (o.dataset.value)
})
</script>
<div id="content"></div>
<?php
$test = '<div id="content"></div>';
echo '<input type="text" value="'.$test.'">';
?>
он его как текст видит let str = id;так тоже пробовал |
Цитата:
|
ошибки переменных
не могу понять
когда есть переменная var то все отлично! :dance: значение хорошо отображается. а через функцию в див ничего не происходит :help: т.е. так работает:
<script>
var names='202407';
</script>
<?php
echo '<script type="text/javascript">';
echo "document.write('<input type=text value=\'' + names + '\' >')";
echo ' </script>';
?>
а так нет:
<script>
<section>
<div data-value="1">111111</div>
<div data-value="2">222222</div>
<div data-value="3">333333</div>
<div data-value="4">444444</div>
<div data-value="5">555555</div>
</section>
<script>
document.querySelector('section').addEventListener('click', e => {
const o = e.target.closest('[data-value]')
if (!o) return
document.getElementById("content").innerHTML = (o.dataset.value)
})
</script>
<?php
$test = '<div id="content"></div>';
echo '<input type=text value='.$test.'>';
?>
|
числа еще раз числа
Вложений: 1
в число уже преобразовывал let
Вложение 4985
var res = parseInt(value)
document.getElementById("content").innerHTML = res;
почему в DIV не появляется ничего ? |
готово
<section>
<div data-value="1">111111</div>
<div data-value="2">222222</div>
<div data-value="3">333333</div>
<div data-value="4">444444</div>
<div data-value="5">555555</div>
</section>
<script>
document.querySelector('section').addEventListener('click', e => {
const o = e.target.closest('[data-value]')
if (!o) return
document.getElementById("content").value = (o.dataset.value)
})
</script>
<?php
//$test = '<div id="content"></div>';
echo '<input type=text id="content" value="111">';
?>
|
а из за чего если меняешь местами скрипт с секцию = перестает все работать?
а, если в функцию все это: то работает
<script>
function myFunc(id)
{
document.querySelector('section').addEventListener('click', e => {
const o = e.target.closest('[data-value]');
if (!o) return;
document.getElementById("captcha").innerHTML = (o.dataset.value);
})
}
</script>
<?php
echo '<div id="captcha"></div>';
?>
<section>
<div data-value="1" onClick="myFunc(this.id);">111111</div>
<div data-value="2" onClick="myFunc(this.id);">222222</div>
<div data-value="3" onClick="myFunc(this.id);">333333</div>
<div data-value="4" onClick="myFunc(this.id);">444444</div>
<div data-value="5" onClick="myFunc(this.id);">555555</div>
</section>
|
Цитата:
выход: обернуть скрипт в
document.addEventListener("DOMContentLoaded", () => {
document.querySelector('section').addEventListener('click', e => {
const o = e.target.closest('[data-value]')
if (!o) return
document.getElementById("content").value = (o.dataset.value)
})
});
|
| Часовой пояс GMT +3, время: 14:53. |