Question

我有一个用php创建的选择框：

echo " <option value=\"".$row['CatId']."\">".$row['CatNaam']."</option>";

catid是需要发送的id。

在选择框下面我有一个jquery可点击的div，如：

 <div id="addtag" style="cursor: pointer;" onclick="clicktag();">

在我的脚本中，我有一个功能点击标签，如：

function clicktag()
{
$('#addtag').hide();
alert("Tag added ");
}
</script>

我想要做的是提醒所选值（catid），以便该功能必须像

一样

function clicktag()
{
$('#addtag').hide();
alert("Tag added "+tagid);
}
</script>

但是我怎么能得到tagid，我尝试了很多例子，但是不能让它发挥作用，这就是为什么我发布它。

Answer 1

您需要引用<select>元素才能获取其值。你如何得到这种取决于HTML的外观，但最简单的方法是给它一个ID（如果它还没有）并使用它选择它：

<select name="yourSelect" id="yourSelect">
    // option tags here
</select>

然后是代码：

function clicktag() {
    var tagId = document.getElementById('yourSelect').value;
    // the rest of your code
}

Answer 2

尝试val()

function clicktag()
{
 $('#addtag').hide();
 alert("Tag added "+ $('#yourSelectID').val());
}

Answer 3

将change事件用于选择框：

//where #selectBox is id of your select box
$('#selectBox').change(function() {
    var currentValue = $('#selectBox :selected').val();
    alert(selectVal);
});

Answer 4

使用.val()获取<select>元素的当前值。

示例：

<select name="mySelectElement" id="selectElement">
    <option value="0">First element</option>
    <option value="1">Second element</option>
    ...
</select>

<script type="text/javascript">
function onClick() {
    alert('The selected value is ' + $('#selectElement').val());
}
</script>

Answer 5

 $('#selectBox').live('change',function(){
   var currentValue = $('#selectBox :selected').val();
   alert(selectVal);
});

Answer 6

选择的值是您说的catid 把它放在var中它会起作用。你可以尝试将它放在你的代码中

function clicktag()
{
$('#addtag').hide();
 var currentValue = $('#selectBox :selected').val();
   alert(selectVal);

}
</script>

jquery使用选定的值

6 个答案: