主页 / 问题 / 981416
Accepted
Dима Mих
Asked:2020-05-15 02:09:27 +0000 UTC2020-05-15 02:09:27 +0000 UTC

从下拉列表中选择项目后的输入字段

  • 772

我不知道出了什么问题。从下拉列表中选择“社交网络”时，应在下方显示一个输入字段，以便与该社交网络建立链接。

function i() {
 var social = document.getElementById("social");
 var selectSocial = social.option[social.selectedIndex].value;
 if (selectSocial == "soc") {
  var show = document.getElementById("show");
  show.style.display = inherit;
 }
}
input {
            margin: 0 auto;
            font-size: 15px;
            padding: 5px;
            margin: 5px 0;
            width: 80%;
            border: 2px solid blue;
            border-radius: 5px;
}
 #show {
            display: none;
        }
<form action="server.php" method="POST">
        <p> Желаемый способ связи:</p>
        <select name="connection" id="social">
          <option value="telegram">Telegram</option>
          <option value="soc">Социальная сеть</option>
        </select>
        <input type="text" placeholder="Введите ссылку или фио в соц.сети" id="show">
</form>

javascript

1 个回答

  1. Best Answer

    1. social.option一系列选择不是social.options

    2. css属性值'inherit'是一个字符串，并且您引用了一个不存在的变量。

    3. 我认为还需要反向操作：

    function i() {
 var social = document.getElementById("social");
 var selectSocial = social.options[social.selectedIndex].value;
 var isSocial = selectSocial == "soc"
  var show = document.getElementById("show");
  show.style.display = isSocial ? 'inherit': 'none';
 
}
    input {
  margin: 0 auto;
  font-size: 15px;
  padding: 5px;
  margin: 5px 0;
  width: 80%;
  border: 2px solid blue;
  border-radius: 5px;
}

#show {
  display: none;
}
    <form action="server.php" method="POST">
  <p> Желаемый способ связи:</p>
  <select name="connection" id="social" onchange="i()">
    <option value="telegram">Telegram</option>
    <option value="soc">Социальная сеть</option>
  </select>
  <input type="text" placeholder="Введите ссылку или фио в соц.сети" id="show">
</form>

    • 0

相关问题