0

社区，我目前有一个选择下拉列表，其值和标题正在通过 mysql 查询填充。目前，它传递的只是（source_id）。但是，我希望它也传递第二个变量（source_flag）。由于以下原因，我需要两者。如果 source_flag 设置为“YES”，我的 JS 将使 div 可见。我需要 (source_id) 将值插入回我的数据库中。下面是我当前的下拉菜单和 JS 函数。添加一点HTML。

HTML

<fieldset style="display: inline;" id="source">
<legend class="legend1"><h2>&nbsp; Ticket Source &nbsp;</h2></legend>
<div style="padding-top: 5px;" id="source">
     <div class="input-field">
     <?php include $ins_tic.'selectSource'.$ext; ?>
     </div>
     <div id="received"  style="display: none;">
     <input type="text" id="dateTimeField" name="received_on" style="width: 160px;" placeholder="Time Received"/>
     <script>AnyTime.picker('dateTimeField');</script>
     </div>
</div>
</fieldset>

$ins_tic.'selectSource'.$ext 文件

<?php
//This populates the drop down
echo '
<select id="ticket_source" name="ticket_source" tabindex="16" onchange="showEmail(this.value)">
<option value="">Select Source</option>';
//I want to add source_flag to the query, and add that value to the select option
$get_sources = mysql_query("SELECT source_id, source_name FROM ticket_source ORDER BY source_name ASC");
 while (($source_list = mysql_fetch_assoc($get_sources)))
 {
      echo '
      <option value="'.$source_list['source_id'].'">'.$source_list['source_name'].'</option>';
 };
 echo '
 <option value="0">Other</option>
 </select>';
 ?>

最后，我当前的 javascript。请注意，javascript 当前正在关闭 source_id 值。我不喜欢这样做，因为将来可能会并且可能会添加其他资源。

function showEmail(id)
{
    var div = document.getElementById("received");
    if(id == 2 || id == 3 || id == 5)
    {
        div.style.display = 'block';
    }
    else
    {
        div.style.display = 'none';
    }
}
4

2 回答 2

1

怎么样：

<select id="ticket_source" name="ticket_source" tabindex="16" onchange="showEmail(this)">

其次是

  <option value="'.$source_list['source_id'].'" data-flag="'.$source_list['source_flag'].'>'.$source_list['source_name'].'</option>';

进而

function showEmail(element)
{
    var id = element.value;
    var flag = element.options[element.selectedIndex].getAttribute('data-flag');
    // Do something with flag...
    var div = document.getElementById("received");
    if(id == 2 || id == 3 || id == 5)
    {
        div.style.display = 'block';
    }
    else
    {
        div.style.display = 'none';
    }
}
于 2013-09-25T14:32:34.590 回答
0

您将需要添加一个分隔符，将两个值都放入<option>并在服务器上将其解析回。

 <option value="'.$source_list['source_id']._.$source_list['source_flag']'">
于 2013-09-25T14:30:40.483 回答