php - jQuery 使用选定的值

Question

我有一个用 PHP 创建的选择框，例如：

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

其中 catid 是需要发送的 id。

在选择框下，我有一个 jQuery 可点击 div，例如：

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

在我的脚本中，我有一个函数 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（如果它还没有 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>