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());
 }

这是一个实时example。

希望这有帮助。

Answer 3

JSfiddle

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

    obj.innerHTML = span12.value;
}

如何使用HTML中的按钮从select中获取值？

3 个答案: