Paramu1973 Ответов: 2

Как установить опцию select из значения ячейки таблицы

Это мой первый проект. У меня есть 2-таблицы, такие как table1, table2 содержит 2 столбца с данными. Теперь я хочу установить в моей таблице 2 Select ID="counts" значение параметра & text из значений ячеек таблицы 1... например, раз,два,три,четыре,пять,шесть-возможно ли это? Спасибо за помощь

мой код

<table id="table1"  table-layout="fixed" border="1" width="100%" height="450px"> 
<tr>
   <td><span style="max-width:20%; color:white;">one</span></td>
   <td><span style="max-width:20%; color:white;">two</span></td>
</tr>
<tr>
   <td><span style="max-width:20%; color:white;">three</span></td>
   <td><span style="max-width:20%; color:white;">four</span></td>
</tr>
<tr>
   <td><span style="max-width:20%; color:white;">five</span></td>
   <td><span style="max-width:20%; color:white;">six</span></td>
</tr>
</table>

И моя таблица 2 имеет следующий код

<table id="table2"  table-layout="fixed" border="1" width="100%" height="450px"> 
<tr>
   <td><span style="max-width:20%; color:white;">Ram</span></td>
   <td><span style="max-width:20%; color:white;">Govindha</span></td>
</tr>
<tr>
   <td><span style="max-width:20%; color:white;">Khandha</span></td>
   <td>
       <select id="counts">
               <option value="text4">text4</option>
               <option value="text1">text1</option>
               <option value="text2">text2</option>
               <option value="text3">text3</option>
       </select></td>
</tr>
<tr>
   <td><span style="max-width:20%; color:white;">Ganesh</span></td>
   <td><span style="max-width:20%; color:white;">Ramesh</span></td>
</tr>
</table>


Что я уже пробовал:

Я пытаюсь установить значения параметра table2 Select ID="counts" из значений ячеек table1

Richard MacCutchan

В чем же проблема?

Paramu1973

Слава Ричарду, я лучше в своей профессии из-за этого Ричарда.
И я хочу иметь любой образец кодирования, чтобы установить этот параметр, спасибо Ричарду

2 Ответов

Рейтинг:
19

Richard MacCutchan

вы все еще не объяснили свою проблему. однако, может быть, именно на это вам и нужно посмотреть: HTML select tag[^].

Paramu1973

Спасибо Ричарду, из приведенных выше кодов table2, имеющих значения опции Select ID="counts", я хочу установить его из данных table1, таких как

один
два
три
четыре
три
четыре


Возможно ли это? Спасибо

Richard MacCutchan

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

Paramu1973

Спасибо Ричарду, дающему ответ на мои сообщения, это для сайта. Таблица 1 содержит изображения с заголовком и суммой. Таблица 2 будет формой заказа, которую должна выбрать публика с веб-сайта. И, следовательно, текст опций table2 - Select "counts" будет находиться в ячейке table1 vales.

Richard MacCutchan

Затем вам нужно добавить код для извлечения значений из таблицы 1 и построить имена в таблице 2. Самый простой способ-это использовать PHP, как я уже упоминал выше.

Рейтинг:
1

Paramu1973

Спасибо Ричарду, я нашел следующие коды, которые дали мне решения для динамических вариантов выбора.

<table id="myordertable">
    <tr>
        <td><span style="max-width:20%; color:green;">Code</span></td>
        <td><div id="dynamicInput"></div></td>
        <td><input type="text" id="code" name="code" placeholder="Design Code.."></td>
    </tr>
</table>

<script>
document.getElementById("dynamicInput").onload =addInput('dynamicInput');
function addInput(divName) {
var newDiv = document.createElement('div');
var selectHTML = "";
selectHTML="<select>";
for (var row = 0; row < 2; row++) {
    for (var col = 0; col < 5; c++) {
        var MyVal=document.getElementById("mytable").rows[row].cells[col].innerHTML;
        selectHTML += "<option value='" + MyVal + "'>" + MyVal + "</option>";
    }
}
selectHTML += "</select>";
newDiv.innerHTML = selectHTML;
document.getElementById(divName).appendChild(newDiv);
} 
</script>