从<li>和选项值</li>传递值

时间:2013-01-30 10:09:33

标签: javascript html

我之前请求帮助,让它正常工作,我非常感谢。但现在我想要更深入一些。

我的问题是,我有一个<li>用作下拉列表,后来会打开一个选择值的主体,以及我将url值放入的选项值。

但我宁愿看看我首先选择哪个<li>,然后根据我使用的选项值添加更多值,以便我得到一个完整的网址。

实施例: <li>设置http://localhost/someplace/api/stop/ 和选项值设置〜/ api / stop / all?format = excel因为我选择了excel格式作为选项。

然后我有一个带按钮的js

$(".get-data").on("click",function() {
  var location = $('#dd-files').val();
  if(location) {
    window.open(location);
  }
});

但是如何将<li>值和选项值选择传递给此。

感谢您的任何指示!

2 个答案:

答案 0 :(得分:0)

U可以获得li值,如下所示:

HTML:

<li class="selected">Value</li>

JS:

$("li.selected").text(); // gives u the text inside li

答案 1 :(得分:0)

您可以在列表项中添加onclick事件,然后使用$(this)获取文本或获取名称或ID或任何您想要的内容。

$('#dd li').click(function(){
alert($(this).text());
});    

http://jsfiddle.net/32ZEx/

这对你有帮助吗?