0

每当使用第一个选择下拉菜单时，我想分配一个会话 ID（这将被隐藏）。会话 ID 是“日”之后的数字 300、301 等。

当用户从“首选”下拉列表中选择某些内容时，它应该将“300”值分配给“sessionid”下拉列表，同时更改“day”下拉列表的值（顺便说一句）

我该如何正确实施？

请看下面的代码：

<select id="preferred" class="preferred" name="preferred">
  <option value="">- Select -</option>
  <option value="Mountain Dew">Mountain Dew</option>
  <option value="Seven Up">Seven Up</option>
</select>
<select id="day" class="day" name="day">
  <option value=""></option>
</select>
<select id="sessionid" class="sessionid" name="sessionid">
  <option value=""></option>
</select>

$(function() {
  var selectValues = {
   "Mountain Dew": {
   "Monday": "300"
  },
   "Seven Up": {
   "Tuesday": "301"
  }
};

var $preferred = $('select.preferred');
var $day = $('select.day');
var $sessionid = $('select.sessionid');

$preferred.change(function() {
  $day.empty().append(function() {
   var output = '';
   $.each(selectValues[$preferred.val()], function(key, value) {
   output += '<option value="' + key + '">' + key + '</option>';
  });
  return output;
  });
 }).change();
});

示例：http: //jsfiddle.net/creativemix/5ZWrE/2/

4

2 回答 2

0

您可以使用Element.id = 'id'在 javascript 中设置 id。

https://developer.mozilla.org/en-US/docs/Web/API/Element.id

在您的代码中，您想要分配 id 的地方可能是这样的：

$sessionid[0].id = $day.val();

但请注意，id 必须以字母开头，数字通常是不好的做法，即使它确实有效。

将您需要的值放在隐藏字段中可能比此解决方案更可取。

于 2013-11-12T13:40:55.460 回答
0

如果您想设置会话 ID 下拉列表的值，请尝试此操作。在你的小提琴中设置输出变量后包括这个。

$sessionid.empty()
     .append($("<option></option>")
     .attr("value",value)
     .text(value));

这是小提琴的链接。

但是，正如其他人已经建议的那样，为什么不使用隐藏的文本字段来存储值呢？

要将值存储在隐藏字段中，

<input type="hidden" id="hdnSessionId" />

并将其添加到脚本中。

$('#hdnSessionId').val(value);
于 2013-11-12T13:49:54.660 回答