更改dropdownlist做JQuery函數

Question

我有一個簡單的jquery函數，出於某種原因，不工作，我沒有看到問題，我只是想改變一個輸入文本，當下拉列表選定的值改變，代碼看起來像爲此，請您點擊此鏈接：

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

理念：當下拉列表是空白輸入文本將是黑白的也當下拉列表已經值來選擇，然後輸入也將有一個值。

謝謝你們。

Answer 1

您正在將輸入值設置爲html()。這裏沒有html屬性輸入文本

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

而且你不需要$("#borough1 option:selected").val();獲取所選值。你可以像這樣做$("#borough1).val()。

我在代碼中做了一些改動。檢查

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

<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>

Answer 2

變化html()到val()

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