javascript - 如何使用 HTML 中的按钮从选择中获取值？

Question

我想在我的代码中添加一个按钮：

<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>元素中的值发送到我的函数。谁能帮我这个？

Answer 1

您可以使用function.call来发送值。我确信你为什么要这样做的实际目的。您甚至可以直接访问函数内部的 select 值。

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的下拉选择值。

Answer 2

单击按钮时，您可以使用 jquery 获取选定的选项。

试试这个功能：

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

这是一个活生生的例子。

希望这可以帮助。

Answer 3

JSfiddle

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

    obj.innerHTML = span12.value;
}