1 回答

TA貢獻1995條經驗 獲得超2個贊
實現這一點的最簡單方法value是用單個字符分隔屬性中的城市/州,然后您可以split() 創建一個數組。然后您可以將結果數組的元素設置為文本字段的值。在下面的示例中,我用作,分隔符,但只要不在值本身中使用,任何東西都可以使用。嘗試這個:
$(".dropdowncitymenu").change(function() {
var location = $(this).val().split(',');
$("#sCity").val(location[0]);
$("#sRegion").val(location[1]);
});
#container {
margin-top: 20px;
width: 100%;
display: block;
}
#city {
font-size: 12px;
margin-bottom: 20px;
}
#region {
font-size: 12px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<div id="city">City Field
<input placeholder="CITY" class="input-text" type="text" id="sCity" />
</div>
<div id="region">Region Field
<input placeholder="REGION" class="input-text" type="text" id="sRegion" />
</div>
<div id="container">
<select id="dropdowncities" class="dropdowncitymenu">
<option value="">Select a Location...</option>
<option value="Los Angeles,California">Los Angeles (California)</option>
<option value="Miami,Florida">Miami (Florida)</option>
</select>
</div>
另請注意,我將 CSS 規則放入外部樣式表中。您應該盡可能避免內聯樣式。
添加回答
舉報