[JQuery] Select Example

辦公室、工廠專業搬遷
規劃完整搬遷流程動線，不加價，收費合理！

提供壁癌防治、防水抓漏，全程使用A級防水材
改建工程，免付費諮詢

首頁 ‧ j2h 論壇 ‧ 程式設計討論 ‧

[JQuery] Select Example

房東：阿凱

發表時間：2011-02-24

[檢舉]

<html>

<head>

<title>Select Example</title>

<script src="http://code.jquery.com/jquery-1.5.js"></script>

<script type="text/javascript">

$(document).ready(function(){



  $("#developer").change(onSelectChange);



});

function onSelectChange(){

  var selected = $("#developer option:selected");

  var output = "";

  if(selected.val() != 0){

   output = "You Selected " + selected.text();

  }

  $("#output").html(output);

}

</script>

</head>

<body>

<h3>Developers</h3>

<select id="developer">

  <option value="0">Select Developer</option>

  <option value="1">Todd Sharp</option>

  <option value="2">Brian Meloche</option>

  <option value="3">Ray Camden</option>

  <option value="4">Sean Corfield</option>

  <option value="5">Ben Nadel</option>

  <option value="6">Mark Drew</option>

  <option value="7">Rey Bango</option>

  <option value="8">Mark Mandel</option>

  <option value="9">Joe Rinehart</option>

  <option value="10">Dan Vega</option>

</select>

<br /><br />

<div id="output">

</div>

</body>

</html>

贊助網站

廣利不動產-新板特區指名度最高、值得您信賴的好房仲
您的托付,廣利用心為您服務
廣利不動產-板橋在地生根最實在--新板特區指名度最高、值得您信賴的好房仲
完整房訊，房屋、店面熱門精選物件，廣利不動產優質仲介，房屋租賃、買賣資訊透明，交易真安心！


1 樓住戶：小強發表時間：2011-02-24	[檢舉]

二聯單

http://remysharp.com/2007/01/20/auto-populating-select-boxes-using-jquery-ajax/

　共 1 人回應　　選擇頁數【第1 頁】

姓名：
佈告內容：