Question

所以我使用名为Chosen的jQuery插件作为我的下拉菜单，我注意到我在选项中的值不在所选列表中

这是默认值：

<select id="coating">
    <option value="0">Varnish</option>
    <option value="50">Gloss</option>
    <option value="34">Matte</option>
    <option value="0">Overlaminate</option>
    <option value="10">Clear Gloss</option>
    <option value="11">Clear Matte</option>
</select>

以下是Chosen的结果：

<ul class="chosen-results">
    <li class="active-result" data-option-array-index="0">Varnish</li>
    <li class="active-result" data-option-array-index="1">Gloss</li>
    <li class="active-result" data-option-array-index="2">Matte</li>
    <li class="active-result" data-option-array-index="3">Overlaminate</li>
    <li class="active-result" data-option-array-index="4">Clear Gloss</li>
    <li class="active-result" data-option-array-index="5">Clear Matte</li>
</ul>

所以我想知道是否有办法让选项中的值转移到所选列表。

Answer 1

更新以包含 NSString *imageURLstr=item.summary; imgURL = [imgURL substringToIndex:[imgURL rangeOfString:@"alt="].location-2]; imgURL = [imgURL substringFromIndex:[imgURL rangeOfString:@"src="].location+[@"src=" length]+1]; NSLog(@"src: %@",imgURL);

有了......

optgroup

你可以这样做：

<select id="coating">
    <optgroup label="Varnish">
        <option value="50">Gloss</option>
        <option value="34">Matte</option>
    </optgroup>
    <optgroup label="Overlaminate">
        <option value="10">Clear Gloss</option>
        <option value="11">Clear Matte</option>
    </optgroup>
</select>

https://jsfiddle.net/jreljac/a38vLuoh/1/

你应该得到你期望的价值。此插件使用隐藏的select元素发送所有数据。如果您使用传统表单提交，请确保包含$("#coating").change(function() { var v = $(this).val(); alert(v); });属性。

name标记会为您选择项目中的项目 - 它们不可选择，并且该标记中的项目嵌套在http://www.w3schools.com/tags/tag_optgroup.asp

下

Answer 2

使用此功能，您可以获得所选的值。

＆＃13;

$("#coating")
  .chosen()
  .change(function() {
    alert($(this).val())
  })

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link href="http://harvesthq.github.io/chosen/chosen.css" rel="stylesheet" />
<script src="http://harvesthq.github.io/chosen/chosen.jquery.js"></script>
<select id="coating">
  <option value="0">Varnish</option>
  <option value="50">Gloss</option>
  <option value="34">Matte</option>
  <option value="0">Overlaminate</option>
  <option value="10">Clear Gloss</option>
  <option value="11">Clear Matte</option>
</select>

＆＃13;

jQuery选择的值

2 个答案: