変更点に関するドロップダウンリスト

Question

私は何らかの理由で機能していない単純なjquery関数を持っていますが、問題は表示されません。ドロップダウンリストの値が変更されたときに入力テキストを変更したい場合、これは、親切にこのリンクをクリックしてください：

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

アイデア：ドロップダウンリストが空白のときにDropDownListコントロール値が、入力を選択した際に入力されたテキストは、あまりにも黒になりますも価値があります。

ありがとうございます。

Answer 1

入力の値をhtml()と設定しています。そこ入力テキスト

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

ためhtmlプロパティではありませんそして、あなたは、選択した値を取得する$("#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()ありがとう

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