亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何拆分選擇框選項的值并使用 jquery 或 javascript 在兩個不同的輸入字段中傳遞它?

如何拆分選擇框選項的值并使用 jquery 或 javascript 在兩個不同的輸入字段中傳遞它?

慕蓋茨4494581 2021-11-04 15:13:52
這是我的代碼:$(".dropdowncitymenu").change(function () {    $("#sCity").val($(this).val());    $("#sRegion").val($(this).val());});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script><div style="font-size:12px;margin-bottom:20px;">City Field<input placeholder="CITY" class="input-text" type="text" id="sCity" /></div><div style="font-size:12px">Region Field<input placeholder="REGION" class="input-text" type="text" id="sRegion"/></div><div style="margin-top:20px;width:100%;display:block;"><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>我如何使用 jquery 甚至飛機 javascript 來實現它,所以當我從選擇框中選擇一個位置時,將城市傳遞到城市輸入字段,并將區域相應地傳遞到區域輸入字段?
查看完整描述

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 規則放入外部樣式表中。您應該盡可能避免內聯樣式。


查看完整回答
反對 回復 2021-11-04
  • 1 回答
  • 0 關注
  • 154 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號