如何從HTML中選擇使用按鈕獲取值？

-3

<div class="content" data-role="content" id="content" > 
     <div id="car"> 
      <select name="selectCar" class="span12" id="Options" > 
      <option value="-1">Bir istasyon seçiniz.</option> 
      <option value="1">Mimarlık</option> 
      <option value="2">Yurtlar</option> 
      <option value="3">Bilgisayar Mühendisliği</option> 
      <option value="4">Kimya Mühendisliği</option> 
      <option value="5">Rektörlük</option> 
      </select> 
     </div> 
     <div id="cinfo"></div> 

     <button onclick="javascript:callCarInfo(this);">Call PodCar</button> 
</div>

當我按一下按鈕，我想從<select>元素的值發送給我的功能。誰能幫我這個？

來源

2013-04-26 goGud

是什麼'callCarInfo'嗎？ – 2013-04-26 21:24:43

你已經試過了什麼？你對'callCarInfo'的嘗試是怎樣的？ – 2013-04-26 21:25:20

您需要使用您的實際JavaScript代碼進行更新。您還需要進入21世紀並使用[events。]（https://developer.mozilla.org/en-US/docs/DOM/event） – 2013-04-26 21:27:38

您可以使用function.call發送該值。我相信爲什麼姚想這樣做的實際目的。你甚至可以直接訪問函數內選擇的值。

Func.Call

http://jsfiddle.net/8a3zJ/

<button onclick="javascript:callCarInfo.call(this,document.getElementById('Options').value);">Call PodCar</button> 

function callCarInfo(arg) 
{ 
    alert(arg); 
}

這裏this在函數內部將按鈕背景本身和arg將有你的下拉列表中選擇的值。

來源

2013-04-26 21:29:20 PSL

通過調用，您可以將'this'上下文作爲點擊按鈕。 – PSL 2013-04-26 21:43:13

當你點擊你的按鈕時，你可以使用jquery獲取選定的選項。

試試這個功能：

function callCarInfo() 
{ 
    alert($('#Options :selected').val()); 
}

這裏有一個現場example。

希望這會有所幫助。

來源

2013-04-26 21:29:54

我的答案有效，解決了OP的問題。爲什麼有人投票失敗？ – 2013-04-26 21:34:18

詢問OP是否想使用jQuery。只有*然後*請用* jQuery回答。 – 2013-04-26 21:38:43

JSfiddle

function callCarInfo(obj) { 
    var content = document.getElementById('content'); 
    var span12 = document.getElementsByClassName('span12')[0]; 

    obj.innerHTML = span12.value; 
}

來源

2013-04-26 21:33:30

如何從HTML中選擇使用按鈕獲取值？

回答

相關問題