大家好,我有一个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 ..
有什么想法吗?
答案 0 :(得分:0)
您可以使用
$(this).find(':selected').text()
$("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;