在动态组合框中触发Jquery

时间:2018-01-06 12:33:16

标签: jquery .net vb.net combobox

我有一个.net表单,它在webbrowser中打开一个网页并选择2个Combobox,其中第一个Combobox值改变第二个Combobox值的值。就像我在第一个Combobox中选择“Assigned”一样,第二个Combobox将有分配原因的列表,同样如果我在第一个下拉列表中选择“Pending”,第二个Combobox将具有待定原因列表。我能够在第一个Combobox中选择值,但是因为这会触发jquery(我猜)我无法获得第二个Combobox值。我尝试了许多在互联网上回答的问题,并注意到似乎工作。可以有人帮忙。

我的HTML

                          <table id="left_nav">
                           <tbody>
                        <tr>
                            <td colspan="2">
                                <label>Status</label>
                                <span id="editNavMenuLink" 
                         class="small_link">Click to edit</span>
                                <br/>
                                <div class="dynamic_select_holder">
                                  <select name="status" id="status">
                                      <option value=""

                                      ></option>
                                      <option value="Assigned"

                                      >Assigned</option>
                                      <option value="Researching"

                                      >Researching</option>
                                      <option value="Work In Progress"

                                      >Work In Progress</option>
                                      <option value="Pending"
                                           selected="selected"
                                      >Pending</option>
                                      <option value="Resolved"

                                      >Resolved</option>
                                  </select>
                                  <span>Pending</span>
                                </div>
                            </td>
                        </tr>
                        <tr id="pending_reason_row" style="">
                            <td colspan="2">
                                <label id="pending_reason_label">Pending 
                                     Reason</label><br/>
                                <div class="dynamic_select_holder">
                                  <select name="pending_reason" 
                                   id="pending_reason">
                                    <option value=""/></option>
                                    <option value="Catalog Push" 
                           selected="selected"/>Catalog Push</option>
                                  </select>
                                  <span>Catalog Push</span>
                                </div>
                            </td>
                        </tr>

当我检查元素时,选择id =“status”旁边有一个EV符号,当我点击它时,它会显示一个箭头符号,然后它会改变,然后有一个符号jquery,当我单击它会显示以下功能:

         function() {
             if (this.value == "Pending") {
              $('#pending_reason_row').show();
                  } else {
              $('#pending_reason_row').hide();
                          }

             if (this.value == "Resolved" || this.value == "Closed") {
              $('#time_spent_row').show();
                } else {
             $('#time_spent_row').hide();
                 }


             if (this.value == "Resolved" || this.value == "Closed") {
                $('#closure_code_row').show();
              $('#root_cause_row').show();
                $('#root_cause_details_row').show();
                  $('#resolution_row').show();
              } else if (this.value == "Pending") {
                $('#root_cause_row').show();
                      $('#root_cause_details_row').show();
                         } else {
                    $('#closure_code_row').hide();
                        $('#root_cause_row').hide();
                     $('#root_cause_details_row').hide();
                      $('#resolution_row').hide();
                           }
                             } 

我看到我不得不触发此功能,以便动态组合框会改变。我的vb代码就是这个

  Me.WebBrowser1.Document.GetElementById("status").SetAttribute("selectedIndex", 4)

Me.WebBrowser1.Document.GetElementById(“pending_reason”)。SetAttribute(“selectedIndex”,2)

所以第一个将在第一个组合框中选择,第二个线将从第二个组合框中选择,在这两个线之间我需要如何触发jscript以便第二个组合框出现。

我试了好几个小时,没有任何作用。有人可以帮助我正确的方式去做,因为看到我走错了。

编辑: 我将尝试在此处提供信息,而不是提供自我公司内部网站以来的总页面,请关注此David。所以这是一个.net vb表单项目,我的表单中有一个文本框和按钮,让我们说提交。因此,一旦我单击提交按钮,它应该从文本框中取出值并导航到文本中给出的网页,一旦加载,它应该选择第一个名为status的combobox1并将状态从已分配设置为待定。一旦状态设置为待处理,将出现一个新的新组合框2,称为待处理原因。从那里我需要选择一个待决理由。然而,当我通过webbrowser1导航到网页时,一旦我将第一个组合框设置为待处理,第二个组合框就不会出现。并且jquery与触发第二个组合框的第一个组合框相关联。请告诉我这是否足够,或随时提出更多问题来帮助我解决这个问题。

0 个答案:

没有答案