Jquery从下拉列表中获取价值

时间:2013-10-01 06:03:28

标签: jquery

我必须得到所选择的id和值。

我的意思是在下面的例子中。我只将n.id设置为选项值。我必须设置

<option value="' + n.id,n.names  + '">' like that


jobs.forEach(function (n) {
            html += '<option value="' + n.id  + '">' + n.names + '</option>';
            i++;
        });


  html += '<option value="' + n.id ,n.names  + '">' + n.names + '</option>';

上面的代码不正确。我可以将id和值作为逗号分开传递并单独获取值

<tr>
                        <td width="200px">Jobs</td>
                        <td> 
                            <select id="jobSel" class="longcombo"></select>
                        </td>
                    </tr>

3 个答案:

答案 0 :(得分:0)

html += '<option value="' + n.id +","+n.names  + '">' + n.names + '</option>';

答案 1 :(得分:0)

您需要使用text()和val(),如下所示:

html += '<option value="' + n.id + '"'>' + n.names + '</option>';

在jQuery中,你可以使用,

$('#jobSel option:selected').val() to get value (n.id)
$('#jobSel option:selected').text() to get the display name (n.names)

答案 2 :(得分:0)

上面的示例为您提供了一种访问所选可见值中存在的内容的方法。

你可以附加像

这样的变量

String myString = selMulti +“,”+ yourIDValue

希望这个服务

HTML

<select multiple='multiple' id="selMulti">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>    
</select>
<input type="button" id="go" value="Go!" />
<div style="margin-top: 10px;" id="result"></div>

的JavaScript

$("#go").click(function(){
    var selMulti = $("#selMulti option:selected").text();
    $("#result").text(selMulti);
});

JS Fiddle

http://jsfiddle.net/2C523/12/