Question

我有一个简单的jquery函数，由于某种原因无法正常工作而且我没有看到问题，我只想在下拉列表选择值更改时更改输入文本，代码如下所示，请您好心点击此链接：

plnkr https://plnkr.co/edit/xojs3NbD1nkXZpii6twt?p=preview

想法：当下拉列表为空白时，输入文本也将为黑色，当dropdownlist选择了值时，输入也将具有值。

谢谢你们。

Answer 1

您将输入值设置为html()。输入文本

的html属性不是。{1}}

$("#stateorprovince").val("NY ");

并且您不需要$("#borough1 option:selected").val();来获取所选值。你可以这样做$("#borough1).val()。

我对您的代码进行了一些更改。校验

＆＃13;

$(function () {
$("#borough1").change(function () {
var borough = $(this).val();
if (borough == "") {
$("#stateorprovince").html("");
return false;
}
else {
$("#stateorprovince").val("NY " + $(this).find('option:selected').text());
}
});
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tr>
<td>
<label>Borough</label>
<select id="borough1">
<option value=""></option>
<option value="2">Bronx</option>
<option value="3">Brooklyn</option>
<option value="1">Manhattan</option>
<option value="4">Queens</option>
<option value="5">Staten Island</option>
</select>
<td>
<label>State</label>
<input type="text" id="stateorprovince">
</td>
</tr>
  </table>

＆＃13;

Answer 2

将html()更改为val()

if (borough == "") {
$("#stateorprovince").val("");
return false;
}
else {
$("#stateorprovince").val("NY ");
}

更改下拉列表执行JQuery功能

2 个答案: