表单选项中的访问值

时间:2018-03-06 15:22:38

标签: javascript

大家好,我有一个JQuery Python,我不知道如何解决... 我尝试过很多东西,但没什么用。

我有一个表单,使用下拉按钮,其中列出了与特定团队相关联的用户的许多选项。作为选项值,我输入用户ID,然后输入他的名字和姓氏

<form>
    <select id="pick-chart" class="form-control pick-chart">
         <option value="0">Compare with</option>
          {% for i in team_list_pop %}
          <option value="{{i.id}}">{{i.first_name}} {{i.last_name}}</option>
           {% endfor %}
     </select>
</form>

使用JQuery我希望能够访问用户名(i.first_name),以便将其用作另一个div中的标题。

 $(".pick-chart").change(function(e) {
        e.preventDefault();
        var val = $(this).val();
        if (val != 0) {
                    info_process.data.datasets[1].data = info_array[val];
                    info_process.update();
                    var name = $("option").find('option').text();
                    $("#ops-info").empty()
                    $("#dif-info").empty()
                    $("#info-head").empty()
                    ops = opposed_model[val]
                    dif = differ_model[val]
                    $("#info-head").append(" with" + " " + name );
                    for(var x = 0; x < ops.length; x++){
                      if (ops[x] <= 6){
                        $("#ops-info").append("<div>"+ops[x]+"</div>");
                        }
                    }
                    for(var x = 0; x < dif.length; x++){
                      if (dif[x] <= 6){
                        $("#diff-info").append("<div>"+dif[x]+"</div>");
                        }
                    }
                } else {
            info_process.data.datasets[1].data = [];
            document.getElementById("ops-info").innerHTML = "";
            document.getElementById("diff-info").innerHTML = "";

        }
        info_process.update();
    });

我尝试使用:

var name = $("option").find('option').text();

当我需要时,我需要选项id =“x”,其中x存储为val ..

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

您可以使用

$(this).find(':selected').text()

&#13;
&#13;
$("select").change(function(event){
  console.log($(this).find(':selected').text());
  });
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<select id="select">
<option value="1">A</option>
<option value="2">B</option>
</select>
</form>
<h1 id="header"></h1>
&#13;
&#13;
&#13;