php - 如何根据动态提供的 id 更新元素的占位符属性？

Question

我对 jQuery 很陌生，我几乎完全确定我在这里做错了很多事情。

我正在为电子竞技团队创建一个小型搜索页面作为一个项目。您从主页选择您的团队，它会使用 POST 发送到结果页面。我有一个名为 $team_id 的变量，它存储与可以从该页面外部更新/更改的数组相关的数字 ID，因此在添加更多数字后不能保证数字相同。

我需要将占位符替换为与主页中的 ID 匹配的文本。

这是我当前的 html:

<select name="exampleID" id="exampleID" data-placeholder="Team Name Will Be Updated Here">
      <optgroup label="Conference One">
          <option value="56" conf_id="1" team_id="1">Team Green</option>
          <option value="57" conf_id="1" team_id="2">Team</option>

在上面的示例中，如果我从主页单击 Team Green，team_id="1"将通过 POST 传递。

这是我当前的 JavaScript:

<script text="application/javascript">
    $(function() {
        var selectedTeam = "<?php print $team_id ?>"
        var teamNames = [];
        $('#exampleID option').each(function() {
            teamNames.push({ "id" : this.value, "text" : this.textContent });
        });

        console.log(serviceNames);
    });

在我的示例中，这会正确地将团队名称放入数组中并将它们与 ID 进行匹配。这也正确地将我的 team_id 存储到 selectedTeam 变量中。

现在我的问题是，如何根据我的 serviceNames var 将占位符更新为所选文本(以便更改为 Team Green)？

我尝试做这样的事情，但我不知道我是否走在正确的道路上:

if(this.value == selectedTeam) {
    $("#exampleID option[team_id='selectedTeam']").text();
    $('select#exampleID').attr('data-placeholder,selectedTeam');
});

感谢您提前提供的帮助!

Answer 1

当前在您的 js 中，它的 attr('data-placeholder,selectedTeam') 会查找具有 data-placeholder,selectedTeam 而不是 data- 的 attr占位符。将属性及其值分开

更新了 JS

var item = $("#exampleID option[value='" + selectedTeam + "']"); // assign it
var selectedText = item.text(); // get the text
item.prop('selected', true); // make the option selected
$('#exampleID').attr('data-placeholder', selectedText); // update the placeholder value

检查http://jsfiddle.net/raunakkathuria/44EWr/5/