У меня есть таблица HTML, которая вызывается пользователем. В первом столбце строки есть раскрывающийся список, в котором они выбирают параметр, сгенерированный базой данных mysql.Javascript, чтобы отобразить следующую строку таблицы, если текущая строка опущена
Это для таблицы заказов, и заказ может состоять из 1 строки в 72 строки. Когда форма загружается, мне нужна только одна строка для отображения. При выборе опции в первой строке должна появиться вторая строка. когда опция выбрана из второй строки, появляется 3-я строка. и вплоть до конца, где строка 72 появляется только в случае выбора опции из строки 71.
Надеюсь, это имеет смысл.
Ниже мой HTML таблицы (5 строк) только
<table>
<tr>
<td>
<select name="users" onchange="showUser(1, this.value)" size=1>
<OPTION VALUE=0>
<?=$optionssku?>
</SELECT>
</td>
<td>
<div id="txtHint1"><b>SKU Details will be seen here</b></div>
</td>
</tr>
<tr>
<td>
<select name="users" onchange="showUser(2, this.value)" size=1>
<OPTION VALUE=0>
<?=$optionssku?>
</SELECT>
</td>
<td>
<div id="txtHint2"><b>SKU Details will be seen here</b></div>
</td>
</tr>
<tr>
<td>
<select name="users" onchange="showUser(3, this.value)" size=1>
<OPTION VALUE=0>
<?=$optionssku?>
</SELECT>
</td>
<td>
<div id="txtHint3"><b>SKU Details will be seen here</b></div>
</td>
</tr>
<tr>
<td>
<select name="users" onchange="showUser(4, this.value)" size=1>
<OPTION VALUE=0>
<?=$optionssku?>
</SELECT>
</td>
<td>
<div id="txtHint4"><b>SKU Details will be seen here</b></div>
</td>
</tr>
<tr>
<td>
<select name="users" onchange="showUser(5, this.value)" size=1>
<OPTION VALUE=0>
<?=$optionssku?>
</SELECT>
</td>
<td>
<div id="txtHint5"><b>SKU Details will be seen here</b></div>
</td>
</tr>
</table>
Я знаю, что это не форум кодирования, но я искал в сети на некоторое время для соответствующего примера и ничего не нашли. мои знания javascript очень достоверно ограничены, если кто-то может указать мне в правильном направлении, это было бы очень признательно.
Спасибо и уважение, Ryan Smith
Update 17 января 2012
Ниже приведен упрощенный сценарий, который я не могу получить, чтобы работать правильно.
<html>
<head>
<script type="text/javascript">
function showUser(userNumber, str)
{
document.getElementById("r"+index).style.display="block"
}
</script>
</head>
<body>
<table>
<tr id="r1">
<td><select name="users" onchange="showUser(1, this.value)">
<OPTION VALUE=1>
1
</option>
<OPTION VALUE=2>
2
</option>
<OPTION VALUE=3>
3
</option>
</SELECT>
</td>
</tr>
<tr id="r2" style="display:none;">
<td><select name="users" onchange="showUser(2, this.value)">
<OPTION VALUE=1>
1
</option>
<OPTION VALUE=2>
2
</option>
<OPTION VALUE=3>
3
</option>
</SELECT>
</td>
</tr>
</tr>
<tr id="r3" style="display:none;">
<td><select name="users" onchange="showUser(3, this.value)">
<OPTION VALUE=1>
1
</option>
<OPTION VALUE=2>
2
</option>
<OPTION VALUE=3>
3
</option>
</SELECT>
</td>
</tr>
</table>
</body>
</html>
Функция javascript, похоже, неправильно называется вызывающим событием.
Спасибо и наилучшие пожелания,
Ryan Smith
Hi AmGates, Большое спасибо за оперативную помощь. Я сделал cahnges, однако содержимое моего раскрывающегося списка теперь появляется за пределами раскрывающегося списка. Что я делаю неправильно, код для подражания: – Smudger
лучше добавить ** править ** к исходному вопросу и включить в него дополнительные поясняющие комментарии. Как вы можете видеть, это невозможно прочитать код в комментарии ;-) Удачи. – shellter
@ Ryan Smith Привет, я отредактировал свой ответ, проверьте это. Надеюсь, что решает вашу проблему. – AmGates