Question

在我的注册页面中，我将使用两个下拉菜单选择其中一个应该被隐藏，如果它的负数，如果它的正面新下拉菜单将会打开以供选择...

在mysql表格中我用糖果名称作为enom

枚举（＆＃39;否定＆＃39;，＆＃39;胰岛素＆＃39;，＆＃39;药物＆＃39;，＆＃39; ndm＆＃39;，＆＃39; mody＆＃ 39;，＆＃39;＆＃39;）

这是我的代码：

＆＃13;

<div><label for="diabetes">Diabetes:</label>
<select id="diabetes" name="diabetes">
<option value="negative">Negative</option>
<option value="">Positive</option>
</select>
</div>



<div><label for="diabetestype">Diabetes Type:</label>
<select id="diabetestype" name="diabetestype">
<option value="insulin">Insulin</option>
<option value="drug">Drug</option>
<option value="ndm">NDM</option>
<option value="mody">MODY</option>
</select>
</div>

＆＃13;

例如：如果糖尿病 阴性值为默认值为负值，则糖尿病类型为隐藏

和

如果糖尿病 阳性，则会出现糖尿病类型以选择项目。

应该将胰岛素，药物，mdm，mody等值插入其中：

值=＆＃34;正＆＃34;

如何通过java脚本创建它？

我无法添加课程或div或span。是否可以通过JavaScript使用??

非常感谢

Answer 1

使用jquery，它相对容易。

$(document).ready(function(){
 $("#diabetestype").hide();
 $("#diabetes").on("change", function(){
   var v = $(this).val();
   if(v=="positive"){
      $("#diabetestype").show();
   }else{
     $("#diabetestype").hide();
   } 
 });
});

要使此代码可用，您还需要添加Positive选项的值。因此，value=""将其更改为value="positive"。

您甚至可以隐藏标签：

$(document).ready(function(){
 $("#diabetestype").closest("div").hide();
 $("#diabetes").on("change", function(){
   var v = $(this).val();
   if(v=="positive"){
      $("#diabetestype").closest("div").show();
   }else{
     $("#diabetestype").closest("div").hide();
   } 
 });
});

Answer 2

<div><label for="diabetes">Diabetes:</label>
  <select id="diabet" name="diabet" onchange="checkDiabet();">
    <option value="negative">Negative</option>
    <option value="positive" id="isDiabet">Positive</option>
  </select>
</div>

<div id="type" style="display: hidden;">
  <label for="diabetestype">Diabetes Type:</label>
  <select id="diabetestype" name="diabetestype">
    <option value="insulin">Insulin</option>
    <option value="drug">Drug</option>
    <option value="ndm">NDM</option>
    <option value="mody">MODY</option>
  </select>
</div>

<script>
function checkDiabet() {
  var isDiabet = document.getElementById("isDiabet").selected;
  if (isDiabet == true) { document.getElementById("type").removeAttribute("style"); }
  else { document.getElementById("type").style.display = "none"; }
}
</script>

首先，设置第一个选择以通过属性onchange触发函数checkDiabet（）。然后为选项提供一个id，需要进行检查，以便您轻松访问它。

然后，将第二个选择设置为display：none这可以在CSS标头或文件中完成，或者在本例中为内联。（div style =＆＃34;＆＃34;），还可以添加一个id来轻松访问它。（div id =＆＃34; type＆＃34;）

现在出现了函数checkDiabete（）。它检查是否选择了选择（可以是true或false（bool））。被选中=＆gt; show（div id =＆＃34; type＆＃34;），如果没有，隐藏此div（及其所有内容）
（如果已经隐藏，则用（style =＆＃34; display：none;）覆盖（style =＆＃34; display：none;＆＃34;））

那就是它！：）

Answer 3

试试这个：

＆＃13;

function SelectDiabetes() {
  var d = document.getElementById("diabetes").value;
  var dType = document.getElementById("diabetestypebox");
  if(d == "negative")
    dType.style.display = "none";
  else
    dType.style.display = "block";
}

SelectDiabetes();

＆＃13;

<div><label for="diabetes">Diabetes:</label>
<select id="diabetes" name="diabetes" onchange="SelectDiabetes(this.value);">
<option value="negative">Negative</option>
<option value="positive">Positive</option>
</select>
</div>



<div id="diabetestypebox"><label for="diabetestype">Diabetes Type:</label>
<select id="diabetestype" name="diabetestype">
<option value="insulin">Insulin</option>
<option value="drug">Drug</option>
<option value="ndm">NDM</option>
<option value="mody">MODY</option>
</select>
</div>

＆＃13;

Answer 4

在选择id糖尿病的更改上调用js函数

SELECT * FROM letter WHERE letter.l_date > DATE(NOW()) - INTERVAL 7 DAY

使用以下javascript

<div><label for="diabetes">Diabetes:</label>
<select id="diabetes" name="diabetes" onchange="toggleTypes()">
<option value="negative">Negative</option>
<option value="">Positive</option>
</select>
</div>



<div><label for="diabetestype">Diabetes Type:</label>
<select id="diabetestype" style="display:none" name="diabetestype">
<option value="insulin">Insulin</option>
<option value="drug">Drug</option>
<option value="ndm">NDM</option>
<option value="mody">MODY</option>
</select>
</div>

如何在select表单中使用if else语句？

4 个答案: