如何从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中选择使用按钮获取值？

回答

相关问题