两个按钮显示相同的 div。一键提供更多选项可见性

Posted 2023-03-06

【中文标题】两个按钮显示相同的 div。一键提供更多选项可见性

【英文标题】：Two buttons display same div. One button has more visibility of options

【发布时间】：2013-03-12 12:58:03

【问题描述】：

我有两个<input type=Button>。单击时，两者都将加载一个包含在 div 中的对话框。

我想在 div 中添加一个单独的按钮和文本，只有在单击第二个按钮时才能查看。而不是为 btn 1 重写这个，为 btn 2 重写一个。如何使额外的文本和按钮仅在单击第二个 btn 时可用？

<div id="LabourOrPlantDialog" title="Comments" style="display:none;">
   <table class="table">
      <tr>
         <th>Item</th>
      </tr>
      <tr>
         <td id="Item"></td>
      </tr>
   </table>
   <br />
   <textarea id="ExistingComments" type="text" runat="server" rows="7" cols="30" maxlength="2000"></textarea>
   <input id="SubmitComment" type="button" value="Submit" onclick="SubmitButton()" />

   <!-- BELOW IS THE TEXT AND BTN I ONLY WANT AVAILABLE WHEN 2ND BTN IS CLICKED -->

   <input type="text" name="BoqTextBox" />
   <input type="AddValueButton" value="+" onclick="Add(BoqTextBox)" />                          
</div>

我猜是某种布尔值？以前从未这样做过......任何帮助都会很棒。谢谢

---

编辑：

<input id="SubmitCommentsForOne" type="button" value="Comments" onclick="ShowComment('<%: item.ItemCode %>')" />

<input id="SubmitCommentsForTwo" type="button" value="Comments" onclick="ShowComment('<%: item.Number %>')" />

var Code
function ShowCommentBoxForBOQ(Number) 
   Code = Number;
   Work.DisplayBoxForBOQ(Number);
   $("#LabourOrPlantDialog").dialog( modal: true );

LabourOrPlantDialog 加载 div。

---

编辑：我可以提供任何其他有用的信息吗？有人知道个子高吗？感谢您的任何回复

【问题讨论】：

你的功能代码在哪里？

我们需要onclick属性中的函数代码

@AlexW 请看编辑

@Isherwood 请看编辑

【参考方案1】：

在任何你喜欢的地方添加新的文本和按钮：

<div id="hiddenBox">
  <input type="text" name="BoqTextBox" />
  <input type="button" value="+" onclick="Add(BoqTextBox);" /> 
</div>

在样式表的某处添加：

#hiddenBoxdisplay:none;

在你的 javascript 中添加这个

$("#SubmitCommentsForTwo").click(function()
    $("#hiddenBox").show();  
);

【讨论】：

感谢射手的回复...看起来不错..但是只有在单击按钮 2 时我如何在 JS 中调用（第 3 部分）？由于两者都在调用 onclick="ShowComment('') 我如何参考运行第 3 部分？

没问题。我刚刚注意到您正在使用 jQuery。请查看我更新的 javascript，它会处理您的问题