Question

我有一个下拉菜单，喜欢选择条件。如果用户单击复选框，则div复选框将出现，否则单击单选按钮，它将出现。

if (!error) {
    JSONObject json_user = jObj.getJSONObject("app_users_tb");
    Functions logout = new Functions();
    .......................
    finish();
 } else {
  -------------
 }

function selectorchecker() {

  if (selectorchecker == "checkbox") {
    var hiddenDiv = document.getElementById("chkbox_choice");
    hiddenDiv.style.display = (this.value == "") ? "none" : "block";
  } else {
    var hiddenDiv = document.getElementById("rdbtn_choice");
    hiddenDiv.style.display = (this.value == "") ? "none" : "block";

  }

}

Answer 1

你是这个意思吗？

function selectorchecker(sel) {
  document.getElementById("chkbox_choice").style.display = "none";
  document.getElementById("rdbtn_choice").style.display = "none";
  if (sel.value) {
    var show = sel.value=="checkbox"?"chkbox_choice":"rdbtn_choice";
    document.getElementById(show).style.display = "block";
  }
}

<div class="container">
  Question:
  <br>

  <textarea rows="5" cols="50" name="description" placeholder="Enter a question">
         </textarea>
  <br>

  <select name="choice" id="choice" onchange="selectorchecker(this)">
    <option value="">Select choices</option>
    <option value="checkbox">Checkbox</option>
    <option value="radiobtn">Radio Button</option>
  </select>
</div>

<button id="addQues">Add Question</button>

<div style="display:none;" id="chkbox_choice">
  <table id="dataTable" width="350px">
    <tr>
      <td><input type="checkbox" name="check" /></td>
      <td>
        <INPUT type="text" /> </td>
    </tr>
  </table>

  <input type="button" value="Add choices" onclick="addRow('dataTable')" />

  <input type="button" value="Delete choices" onclick="deleteRow('dataTable')" />
</div>


<div style="display:none;" id="rdbtn_choice">
  <table id="dataTable" width="350px">
    <tr>
      <td><input type="radio" name="radio" /></td>
      <td>
        <INPUT type="text" /> </td>
    </tr>
  </table>

  <input type="button" value="Add choices" onclick="addRow('dataTable')" />

  <input type="button" value="Delete choices" onclick="deleteRow('dataTable')" />
</div>

Answer 2

您使用的是正确的东西，但是其中有一件事情错过了。您没有定义选择器变量，所以这就是为什么这种情况不起作用的原因，请传递一个像这样的更改函数

proxy

功能选择器检查器（选择器）{

onchange="selectorchecker(this)"

并像这样使用您的函数，对于您，这绝对可以为您服务。

如何在下拉列表中实现条件语句？

2 个答案: