Question

我在滑块上有一些<div>，当<div>处于活动状态时，它具有类.is-selected。这些<div>还有一个名为data-ID的数据标记，其中包含与下拉列表选择相关的ID。我希望能够自动选择选项，具体取决于<div>处于何种活动状态，但我不知道从哪里获取ID以及将其传递到哪里？

    <div class="cell" style="position: absolute; left: 0%;">
        <div data-ID="Item1" class="item">
            <h2>Option 1</h2>
        </div>
    </div>
    <div class="cell is-selected" style="position: absolute; left: 0%;">
        <div data-ID="Item2" class="item">
            <h2>Option 2</h2>
        </div>
    </div>

Answer 1

所以选择div，读取属性，设置值。

var selected = $("div.is-selected > div[data-ID]"),
  dataId = selected.data("id");

$("#mySelect").val(dataId);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<select id="mySelect">
  <option>Pick</option>
  <option value="Item1">one</option>
  <option value="Item2">two</option>
</select>

<div class="cell" style="position: absolute; left: 0%;">
  <div data-ID="Item1" class="item">
    <h2>Option 1</h2>
  </div>
</div>
<div class="cell is-selected" style="position: absolute; left: 0%;">
  <div data-ID="Item2" class="item">
    <h2>Option 2</h2>
  </div>
</div>

如果<div>处于活动状态，请获取数据标记并从下拉列表中选择

1 个答案: