mariadb 基于下拉菜单的多个显示文本

gojuced7  于 2023-01-20  发布在  其他
关注(0)|答案(1)|浏览(118)

我有一堆下拉菜单,四个填充从mariadb数据库和调用了PHP和2从简单的唐斯.我试图让这些打印特定的文本,形成一个字符串取决于所选的值,但我不能让他们一起工作.
我有两种类型:

<select name="s_floor_value" id="s_floor_value">
              <option value="1">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
              <option value="4">4</option>
              <option value="5">5</option>
              <option value="6">6</option>
              <option value="7">7</option>
              <option value="8">8</option>
              <option value="9">9</option>
              <option value="10">10</option>
              <option value="11">11</option>
              <option value="12">12</option>
              <option value="13">13</option>
              <option value="14">14</option>
              <option value="15">15</option>
            </select>

我有四个产生不同值的函数:

<select name="s_site_idnum" id="s_site_idnum">
        <?PHP 
      $sql_s_getsitetype = "SELECT * from locations order by s_name ASC";
$result_s_getsitetype = $conn->query($sql_s_getsitetype);

if ($result_s_getsitetype->num_rows > 0) {
  // output data of each row
  while($row_s_getsitetype = $result_s_getsitetype->fetch_assoc()) {
      
    echo "<option value=\"" . $row_s_getsitetype["site_id"]. "\">" . $row_s_getsitetype["site_name"]. "</option>";
      
  }
} else {
  echo "0 results";
}
      ?>
      </select>

我试图从每个下拉菜单中选择的选项显示为一个字符串的一部分,但没有一个我尝试使用的Javascript工作。我正在寻找一些简单的东西来让这个工作。任何人有任何想法或想法?

dauxcl2d

dauxcl2d1#

下面的代码片段是一个概念验证,您可以通过运行它并更改下拉列表值来测试它

let myItems = ['first', 'second', 'third', 'fourth'];

function generateOutput() {
    let outputText = [];
    for (let item of myItems) {
        outputText.push(document.getElementById(item).value);
    }
    document.getElementById('output').innerText = outputText.join(' ');
}

window.addEventListener('load', generateOutput);
<select id="first" onchange="generateOutput()">
    <option value="a">a</option>
    <option value="b">b</option>
    <option value="c">c</option>
    <option value="d">d</option>
</select>
<select id="second" onchange="generateOutput()">
    <option value="aa">aa</option>
    <option value="bb">bb</option>
    <option value="cc">cc</option>
    <option value="dd">dd</option>
</select>
<select id="third" onchange="generateOutput()">
    <option value="aaa">aaa</option>
    <option value="bbb">bbb</option>
    <option value="ccc">ccc</option>
    <option value="ddd">ddd</option>
</select>
<select id="fourth" onchange="generateOutput()">
    <option value="aaaa">aaaa</option>
    <option value="bbbb">bbbb</option>
    <option value="cccc">cccc</option>
    <option value="dddd">dddd</option>
</select>

<p id="output"></p>

相关问题