javascript - 如何检查选择标签值

Question

我目前有一个表格，其中有一堆带有 select 标签的选项，如下所示 --

这可以让您选择线程的“所有者”:

        <tr>
          <th width=""><span class="owner">Owner:</span></th>
          <td>
            <span id="task_owner">
              <input type="hidden" name="orig_owner" id="orig_owner" value="<%= $task->owner %>" />
              <select id="owner_sel" name="owner"<% print ' style="display: none"' if(!$user->has_permission($task->cid, $PERMISSION_CHANGE_OWNER)); %>
                onChange="if(this.form.state_id.value == <%= $STATE_NEW %>) this.form.state_id.value = <%= $STATE_ASSIGNED %>">

                <option></option>
                <% 
                   foreach my $h (@sorted_users){
                   foreach my $uid (keys %{$h}) {
                   my $selected = ($uid == ($form->{owner} || $task->owner)) ? 'selected="selected"' : '';
                print qq{<option value="$uid" $selected>$h->{$uid}</option>};
                }
                }
                %>
              </select>
              <span id="owner_txt"<% print ' style="display: none"' if($user->has_permission($task->cid, $PERMISSION_CHANGE_OWNER)); %>><%= $users->{$task->owner} %></span>
            </span>
          </td>
        </tr>

这是线程的“状态”:

        <tr>
          <th width=""><span class="state">State:</span></th>
          <td>
            <input type="hidden" name="orig_state_id" id="orig_state_id" value="<%= $task->state_id %>" />
            <select id="state_id" name="state_id"
              <% print ' style="display: none"' if(!$user->has_permission($task->cid, $PERMISSION_CHANGE_STATE)); %>
              <% if ($task->state_id == $STATE_CLOSED){ %> onchange="stateChanged(this.value, <%=$STATE_CLOSED%>)" <% } %>>

              <% foreach(@states) { %>
              <option value="<%=$_->{STATE_ID}%>" <%= $_->{STATE_ID} == ($form->{state_id} || $task->state_id) ? 'selected="selected"' : "" %>><%=$_->{STATE}%></option>
              <% } %>
            </select>
            <span id="state_txt"<% print ' style="display: none"' if($user->has_permission($task->cid, $PERMISSION_CHANGE_STATE)); %>><%= $current_state %></span>
          </td>
        </tr>

这两个都具有从数据库填充的 select 标记。目前，如果对“所有者”进行任何更改，“状态”设置为从"new"更改为“已分配”。

我想让它这样，如果有人将线程的“状态”从“分配”更改为"new"，那么它将进入“所有者”并将其更改为默认值，这只是一个空字符串“”。

我还想这样做，以便如果用户从“所有者”中选择“”，那么它会自动将线程的“状态”从“已分配”更改为"new" .

我的问题是:

是否可以使用 javascript(或任何更好的选择)来检查特定的 select 值或用户选择的值？如果是这样，最好的方法是什么。

我是一个非常视觉化的学习者，所以如果你能给我一个例子那就完美了。

Answer 1

这将帮助您开始:

state_id.onchange = function() {
    if (this.value == 'new') {
        owner_sel.selectedIndex = 0
    }
}

你应该能够弄清楚剩下的:)

我还建议将脚本与 html 分开，这将使事情更易于阅读和维护。因此，不要这样做:

<select id=something onchange="..."></select>

将其添加到正文末尾:

<script>
    something.onchange = function() { ... }
</script>

只是我的 2 美分:)