0

次のような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を取得できますか? 私は多くの例を試しましたが、うまくいきません。

4

6 に答える 6

2

<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
}
于 2013-04-04T10:06:34.707 に答える
1

試すval()

function clicktag()
{
 $('#addtag').hide();
 alert("Tag added "+ $('#yourSelectID').val());
}
于 2013-04-04T10:05:45.160 に答える
0

change選択ボックスのイベントを使用します。

//where #selectBox is id of your select box
$('#selectBox').change(function() {
    var currentValue = $('#selectBox :selected').val();
    alert(selectVal);
});
于 2013-04-04T10:06:08.037 に答える
0 
 $('#selectBox').live('change',function(){
   var currentValue = $('#selectBox :selected').val();
   alert(selectVal);
});
于 2013-04-04T10:08:12.760 に答える
0

選択した値は、あなたが言う catid です。変数に入れると機能します。これをコードに入れてみることができます

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

}
</script>
于 2013-04-04T10:13:18.807 に答える
0

要素の現在の値.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>
于 2013-04-04T10:06:47.907 に答える